首页 > 其他分享 >有没有开发过⼀些vue插件?举例说说 - 批量引入插件

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

时间:2022-11-04 21:35:22浏览次数:61  
标签:插件 vue component Vue PageTools 举例 全局

有过,项⽬开发的时间⻓了,沉淀了不少业务通⽤全局组件,想把他们统⼀进⾏注册,就封装了⼀个⼩ 插件 当时其实⼀开始也没有什么思路,后来扒了⼀下 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

相关文章

  • vue-promise的概念
    Promise概述: Promise是异步编程的一种解决方案,从语法上讲,Promise是一个对象,从它可以获取异步操作的消息。 Promise是一个构造函数,所以可以new出一个Promise的实......
  • Vue3的新特性
    总概1)性能提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%使用Proxy代替defineProperty实现数据响应式重写虚拟DOM的实现和Tree-Shaking......
  • Vue 2.x源码学习:应用初始化大致流程
    我们使用vue-cli搭建vue2.x项目时,大致由如下代码来做一个vue应用的初始化:importVuefrom"vue";importAppfrom"./App.vue";Vue.config.productionTip=false;n......
  • 大文件上传(秒传/断点续传)_使用Vue-Simple-Uploader插件 --Vue/Django完整实现
    Vue-Simple-Uploader插件-Github地址:​​https://github.com/simple-uploader/vue-uploader/blob/master/README_zh-CN.md​​​simple-uploader-详细参数-Github地......
  • Vue项目或Django项目在Linux系统持续运行 - XShell
    Vue项目$nohupnpmrunserve&exitDjango项目$nohuppythonmanage.pyrunserver0.0.0.0:8000>nohup.out&exit稍微解释一下命令:nohup:不挂断的运行命令>nohup.out:......
  • 文件上传 前后端完整流程 - Vue+Django开发
    一.创建Django项目查看是否安装Django:`django-admin--version’#创建项目django-adminstartprojectmysite#创建应用pymanage.pystartappfileUpload#运行项目py......
  • 记录--vue中动态引入图片为什么要是require, 你不知道的那些事
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助相信用过vue的小伙伴,肯定被面试官问过这样一个问题:在vue中动态的引入图片为什么要使用require有些小伙伴......
  • Vue3 实用工具分享
    以下脑图内容分成了8大类,分别是WebUI库、移动UI库、相关工具、可视化、插件、相关生态、动画、音频。在脑图中每类工具用不同的颜色区分,方便你查找。不仅仅是给你分好类......
  • KubeSphere 高可用集群搭建并启用所有插件
    介绍大多数情况下,单主节点集群大致足以供开发和测试环境使用。但是,对于生产环境,您需要考虑集群的高可用性。如果关键组件(例如kube-apiserver、kube-scheduler和kube-cont......
  • KubeSphere 升级 && 安装后启用插件
    KubeSphere升级root@master1:~#exportKKZONE=cnroot@master1:~#kkupgrade--with-kubernetesv1.22.1--with-kubespherev3.2.0-fsample.yaml启用插件用户可以使用......