vue2完善一个项目,顺便温习下vue2的基础知识点!

最近在用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})

© 版权声明
THE END
喜欢就支持一下吧
点赞258赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容