最近在用vue2改进一个项目,顺便复习一下vue2的基础知识点!
有些知识点碰巧用久了就忘记了,对自己来说是一种损失。
定义一个对象对象可以有任何内容,但安装函数是必不可少的,因为使用方法会调用target.install();
值得一提的是,这里调用install的时候,会传递一个Vue实例给这个函数(刚出生的时候,或者beforeCreate钩子期间的实例),这给了我们很大的操作空间!
我们知道,不管是搞全局事件总线还是什么,都是挂在Vue原型上的一种方法,这里我们可以用它来封装我们自己的Vue插件;
Vue.use()其实还有第二个参数,可以是对象,可以传入自己DIY的内容,让Vue更加华丽! ,
看看我下面写的例子;
myplgins.js
------------------
import axios from "@/utils/network"; const myPlugins = {}; myPlugins.install = function (Vue, {a, b, c}) { Vue.config.productionTip = false; Vue.config.devtools = true Vue.prototype.$bus=Vue //将一个全新的vue实例当作一个共有对象 全局事件总线 Vue.prototype.axios=axios } export default myPlugins
main.js
--------------------- import myPlugins from '@/utils/testPlugins' Vue.use(myPlugins, {a: 1, b: 2, c: 3})
© 版权声明
本站下载的源码均来自公开网络收集转发二次开发而来,
若侵犯了您的合法权益,请来信通知我们1413333033@qq.com,
我们会及时删除,给您带来的不便,我们深表歉意。
下载用户仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,访问及下载者下载默认同意本站声明的免责申明,请合理使用切勿商用。
THE END
暂无评论内容