如何向Vue模块和实例添加自定义属性

Question

当您检查已导入的Vue组件时，您将得到类似以下的内容：

import ClickB from 'ClickB.vue';
console.log(ClickB);

我已经看到nuxt在其中添加了一个自定义属性（称为_nuxt），就像_ssrRegister一样。我有两个问题：

1. 如何向组件添加属性？
2. 您可以将该属性从组件传递到其实例吗？

Answer 1

很简单。像这样装饰Vue原型以添加实例方法：

import Vue from 'vue';

// Adding an instance method
Vue.prototype.$someMethod = function (methodOptions) {
    // Your own logic...
}

作为一种好习惯，此代码应位于您的index.js或main.js文件中。更进一步，您应该按照Vue documentation for plugins中的说明将此代码放入插件中。

Answer 2

您始终可以将它们添加到定义中，并使用$ options实例属性来访问它们。 参考：https://vuejs.org/v2/api/#vm-options