如何将Vue2自定义插件编写方法转化为长尾词?
- 内容介绍
- 文章标签
- 相关推荐
本文共计359个文字,预计阅读时间需要2分钟。
最近用vue2完善了一个项目,顺便复习了下vue2的基础知识点!有些知识点用不到的时间一长就会淡忘,这样对自己是一种损失。定义一个对象,对象里可以有任何内容,但install函数是必填的。
最近在用vue2完善一个项目,顺便温习下vue2的基础知识点!
有些知识点恰好没用到时间一长就会淡忘,这样对自己是一种损失。
定义一个对象 对象里可以有任何内容 但install的函数是必不可少的,因为 use方法会去调用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})
本文共计359个文字,预计阅读时间需要2分钟。
最近用vue2完善了一个项目,顺便复习了下vue2的基础知识点!有些知识点用不到的时间一长就会淡忘,这样对自己是一种损失。定义一个对象,对象里可以有任何内容,但install函数是必填的。
最近在用vue2完善一个项目,顺便温习下vue2的基础知识点!
有些知识点恰好没用到时间一长就会淡忘,这样对自己是一种损失。
定义一个对象 对象里可以有任何内容 但install的函数是必不可少的,因为 use方法会去调用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})

