流浪のwolf

卷帝

导航

有没有开发过⼀些vue插件?举例说说 - 批量引入插件

有过,项⽬开发的时间⻓了,沉淀了不少业务通⽤全局组件,想把他们统⼀进⾏注册,就封装了⼀个⼩ 插件 当时其实⼀开始也没有什么思路,后来扒了⼀下 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构造函数能做到的事⼉基本上都可以搞成插件

就是一些业务功能函数,想要再全局使用的,都可以制作成插件 ;

 

posted on 2022-11-04 21:20  流浪のwolf  阅读(20)  评论(0编辑  收藏  举报