step1: 构建插件
例如:创建plugin.js文件,在此文件中定义插件。(插件中必须要有install方法,且函数参数为Vue,options)
const plugin = {
install (Vue, options) {
// 添加全局方法或者属性
Vue.myGlobMethod = function () {};
// 添加全局指令
Vue.directive();
// 添加混入
Vue.mixin();
// 添加实例方法
Vue.prototype.$xxx = function () {};
// 注册全局组件
Vue.component()
}
}
step2: 全局注册插件
例如:在main.js中
Vue.use(plugin)
总结:
1.vue的插件是一个对象;
2.插件对象必须要有install字段;
3.install字段是一个函数;
4.初始化插件对象需要通过Vue.use().
参考: