有过,项⽬开发的时间⻓了,沉淀了不少业务通⽤全局组件,想把他们统⼀进⾏注册,就封装了⼀个⼩ 插件 当时其实⼀开始也没有什么思路,后来扒了⼀下 elementUI的源码,仿了⼀下它的写法,流程我还⼤概记 得 先是把所有的组件放到⼀个数组中,然后在插件的install⽅法⾥遍历整个数组调⽤Vue.component⽅法 依次注册 最后在main.js⾥引⼊插件,通过Vue.use()进⾏插件注册
components 里面index.js 文件 用来 install 插件 ;
import PageTools from "./PageTools"; import UploadExcel from "./UploadExcel"; import ImageUpload from "./ImageUpload"; export default { install(Vue) { console.log(Vue); // 有了Vue构造函数,可以注册全局指令、全局组件、过滤器等 // ps 可以使用数组遍历install插件 Vue.component("PageTools", PageTools); Vue.component("UploadExcel", UploadExcel); Vue.component("ImageUpload", ImageUpload); }, };
然后再main.js 文件中引入 文件
追问: 你如何理解vue插件,什么事⼉可以⽤插件来做?
其实我理解的所谓插件就是vue做⼀些全局的拓展,增加⼀些它本来没有的功能 你⽐如添加⼀些静态的全局⽅法,再⽐如在原型上挂载⼀些实例属性,或者注册⼀些全局组件或者指令 都算 总的说来,反正只有你能通过Vue构造函数能做到的事⼉基本上都可以搞成插件
就是一些业务功能函数,想要再全局使用的,都可以制作成插件 ;
标签:插件,vue,component,Vue,PageTools,举例,全局 From: https://www.cnblogs.com/zhulongxu/p/16859175.html