简单上手vue开发插件

377 阅读1分钟

0.插件的开发

点我跳转开发插件网页
尤雨溪教你写插件链接:www.bilibili.com/video/BV1d4…

1.什么是插件?

口水版: 插件就是把这些全剧组件等封装起来方便别人引用,只需要开放一个接口给别人即可
专业版:插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制,一般常用使用的插件有:

  1. 视图组件库,Element UIVant
  2. 一个功能模块,例如vue-router
  3. 添加全局方法或者 property。如:vue-custom-element

2.插件的特征

在一个入口文件通过Vue.use方法声明后在所有的页面和组件都可以使用,具有全局性

3.自己写插件

Vue.js 的插件暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象 相当于vue调了install的方法,实际上插件也是一个对象,只是这个对象具有固定的install属性

const myPlugin = {
  install: function (vue, options) {
    //做任何的东西
  }
}
//使用插件
Vue.use(myPlugin)

定义全局组件 Vue.component(组建名字,导入对象):cn.vuejs.org/v2/api/#Vue…

在这里插入图片描述

插件的使用就是把上面的声明放进install方法里,再通过use调用. 还可以定义一些全局filter/指令/mixin

在这里插入图片描述