新年第一天首先祝大家新年快乐,心想事成!
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)