Vue.use注册全局插件

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_40825228/article/details/102491268

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().

参考：

1.https://www.zhihu.com/question/40508884;

扫描二维码关注公众号，回复： 7599040 查看本文章

2.https://juejin.im/post/5d15be07e51d4556be5b3a9c.