首页 > 其他分享 >Vue中plugins

Vue中plugins

时间:2022-12-22 22:45:13浏览次数:34  
标签:插件 Vue 自定义 plugin 参数 install plugins

插件可用于扩展Vue,自定义插件应包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。

定义插件:

// plugin.js
export default { install(Vue, x, y, z){ // 传入的第一个参数是Vue, 可以利用Vue做一些事 // 后面可以自定义添加任意参数,use的时候添加实参即可 console.log("@@install", Vue, x, y, z) // 给Vue原型添加一个方法 Vue.prototype.hello = () => {console.log("Hello")} // 定义一个全局混入 Vue.mixin({ data(){ return{ x: 100, y: 200 } } }) } }

引入插件

// main.js
import plugin from "./plugin.js"

Vue.use(plugin, 1, 2, 3)

 

标签:插件,Vue,自定义,plugin,参数,install,plugins
From: https://www.cnblogs.com/xt112233/p/16999753.html

相关文章

  • Vue监视属性和计算属性对比
            computed和watch之间的区别             1.computed能完成的功能,watch都可以完成。          ......
  • Vue中mixin混合
    vue中的mixin可以实现组件中重复代码的高度复用,可以将不同组件中重复的组件选项(如,data、created、mounted、components、computed、watch等)都提取出来,形成一个mixin的js文......
  • Vue之监视属性
     监视属性watch           1.当被监视的属性变化时,回调函数自动调用,进行相关操作          2.监视的属性必须存在,才能......
  • 彻底理解Vue组件间通信(6种方式)
    在vue的学习中,vue组件间的通信是不得不了解的,在实际开发中,也是非常常用的,所以这里我总结了Vue组件的通信的6种方式,希望能帮助小伙伴们更好更快的去理解Vue组件间的通信组......
  • Vue 里,多级菜单要如何设计才显得专业?
    老生常谈了!虽然我们是Java猿,但是写起来前端代码也不含糊!今天我想来和大家聊聊这个前端的动态菜单,要如何设计才显得专业!还是以我们的TienChin项目为例,大家一起来看看。......
  • Vue2和Vue3使用vue-print-nb实现打印功
    Vue2和Vue3使用vue-print-nb实现打印功Vue2使用vue-print-nb实现打印功Vue3使用vue3-print-nb实现打印功Vue2Vue2.0版本安装方法:npminstallvue-print-nb--save/......
  • Vue生命周期
    概述Vue生命周期函数主要包含8个部分,按顺序分别是:1.beforeCreate(创建前)2.created(创建后)3.beforeMount(载入前)4.mounted(载入后)5.beforeUpdate(更新前)6.updated......
  • vue笔记
    Vue笔记前言使用Vue需要node.js环境,所以这里需要利用nvm安装node.js。node和npm相关的名词很多,比较容易混淆。下面对这些名词做个统一梳理node:一个基于ChromeV8......
  • Vue中 TodoList 示例: 浏览器本地存储、自定义事件
    Vue中TodoList示例:浏览器本地存储、自定义事件1:界面展示情况2:源代码vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exports=defineConf......
  • vue中读取本地Excel文件
    readExcelFileconstXLSX=require('xlsx')constpath="./file/file.xlsx"//放在public目录下的文件可以直接访问axios.get(path,{responseType:'arraybuffer'......