如何向 Vue 模块和实例添加自定义属性
How to add custom properties to Vue modules and instances
当你检查你导入的 Vue 组件时,你会得到这样的东西:
import ClickB from 'ClickB.vue';
console.log(ClickB);
我看到nuxt
在那里添加了一个自定义属性(称为_nuxt
),就像_ssrRegister
一样。我有 2 个问题:
- 如何向组件添加属性?
- 你能把 属性 从组件传递到它的实例吗?
您始终可以将它们添加到您的定义中并使用 $options 实例访问它们 属性。
参考:https://vuejs.org/v2/api/#vm-options
很简单。像这样装饰 Vue
原型来添加实例方法:
import Vue from 'vue';
// Adding an instance method
Vue.prototype.$someMethod = function (methodOptions) {
// Your own logic...
}
作为一种好的做法,此代码应位于您的 index.js
或 main.js
文件中。更进一步,您应该将此代码放入 plugins 中,如 Vue documentation for plugins.
中所述
当你检查你导入的 Vue 组件时,你会得到这样的东西:
import ClickB from 'ClickB.vue';
console.log(ClickB);
我看到nuxt
在那里添加了一个自定义属性(称为_nuxt
),就像_ssrRegister
一样。我有 2 个问题:
- 如何向组件添加属性?
- 你能把 属性 从组件传递到它的实例吗?
您始终可以将它们添加到您的定义中并使用 $options 实例访问它们 属性。 参考:https://vuejs.org/v2/api/#vm-options
很简单。像这样装饰 Vue
原型来添加实例方法:
import Vue from 'vue';
// Adding an instance method
Vue.prototype.$someMethod = function (methodOptions) {
// Your own logic...
}
作为一种好的做法,此代码应位于您的 index.js
或 main.js
文件中。更进一步,您应该将此代码放入 plugins 中,如 Vue documentation for plugins.