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

How to add custom properties to Vue modules and instances

当你检查你导入的 Vue 组件时,你会得到这样的东西:

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

我看到nuxt在那里添加了一个自定义属性(称为_nuxt),就像_ssrRegister一样。我有 2 个问题:

  1. 如何向组件添加属性?
  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.jsmain.js 文件中。更进一步,您应该将此代码放入 plugins 中,如 Vue documentation for plugins.

中所述