Как добавить пользовательские свойства в модули и экземпляры Vue

Question

Когда вы проверяете импортированный компонент Vue, вы получаете что-то вроде этого:

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

Я видел, что nuxt добавляет туда собственное свойство (называемое _nuxt), точно так же, как _ssrRegister. У меня есть 2 вопроса:

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 документации для плагинов .

Answer 2

Вы всегда можете просто добавить их в свое определение, и для доступа к ним вы должны использовать свойство экземпляра $ options. Ссылка: https://vuejs.org/v2/api/#vm-options