Что такое VueJS? Каковы основные особенности VueJS? 6

54. Что такое плагины и их различные сервисы?

Плагины обеспечивают функциональность глобального уровня для приложения Vue. Плагины предоставляют различные услуги,
i.Добавьте несколько глобальных методов или свойств. Например, vue-custom-element
ii. Добавьте один или несколько глобальных ресурсов (директив, фильтров и переходов). Например, vue-touch
iii. Добавьте некоторые параметры компонента с помощью глобального миксина. Например, vue-router
iv. Добавьте несколько методов экземпляра Vue, прикрепив их к Vue.prototype.
v. Библиотека, которая предоставляет собственный API и в то же время внедряет комбинацию вышеперечисленного. Например, vue-router

55. Как создать плагин?

Плагин создается путем предоставления метода установки, который принимает конструктор Vue в качестве первого аргумента вместе с параметрами. Структура плагина VueJS с возможными функциями будет следующей:
MyPlugin.install = function (Vue, options) {
//1. добавить глобальный метод или свойство
Vue.myGlobalMethod = function () {
// немного логики ...
};

// 2. добавить глобальный актив

Vue.directive("my-directive", {
bind(el, binding, vnode, oldVnode) {
// немного логики ...
},
// ...
});

// 3.ввести некоторые параметры компонента

Vue.mixin({
created: function () {
// немного логики ...
},
// ...
});

// 4. добавить метод экземпляра

Vue.prototype.$myMethod = function (methodOptions) {
// немного логики ...
};
};

56. Как пользоваться плагином?

Вы можете использовать плагин, передав его глобальному методу Vue use. Вам необходимо применить этот метод перед запуском приложения, вызвав new Vue ().
//вызывает `MyPlugin.install (Vue, {someOption: true})`
Vue.use(MyPlugin)

new Vue({

//... опции
})

57. Что такое миксины?

Mixin дает нам возможность распределять повторно используемые функции в компонентах Vue. Эти повторно используемые функции объединяются с существующими функциями. Объект миксина может содержать любые параметры компонента. Давайте рассмотрим пример миксина с созданным жизненным циклом, который может быть разделен между компонентами,
const myMixin = {
created(){
console.log("Welcome to Mixins!")
}
}
var app = new Vue({
el: '#root',
mixins: [myMixin]
})

Примечание. В массиве миксинов компонента можно указать несколько миксинов.