新年第一天首先祝大家新年快乐,心想事成!
1.利用根实例构造函数的原型
//在构造函数的原型链上添加自定义属性
Vue.prototype.test = 'pomelo'
//在其他组件中调用
console.log(this.test) //pomelo
通过原型链添加方法,同理
2.通过Vue的插件机制 (常用方法)
(1) 以util.js为插件文件,则需在项目入口文件main.js中引入:
import Utile from './lib/utils' Vue.use(Utile)
(2)插件暴露
let test = {
fun1 () {
console.log('fun1')
},
value1: 'value1'
}
// 将对象挂载在原型链上,并暴露实例
export default {
install: function (vm) {
vm.prototype.$test = test
}
}
(3)调用插件
console.log(this.$test.fun1())
console.log(this.$test.value1)