文件夹有两个文件
WeChat2ff6e3f883c61480fdc4ea4fe23e46e2.png
index.js
实现方法
test.vue是可以理解为里面可以实现各种方法,和普通的XXX.vue文件没有任何区别
下面是index.js
import test from './test'
const testObj = {
install:function(){
}
}
export default testObj
可以使用component注册组件
Vue.component('test', test)
可以使用prototype挂在全局方法
Vue.prototype.$test = function (data) {
// 逻辑...
msg = data
}
也可以使用Vue.mixin()把各种方法添加到当前vue组件方法里面,methods
Vue.mixin({
data() {
return {
msg: msg,
}
},
methods: {
/* 添加各种方法,但是我建议放在test.vue里面比较方便 */
}
})
使用就可以在main.js使用 vue.use (test)
this.$test("test")
网友评论