Vue自定义插件方法大全

新年第一天首先祝大家新年快乐，心想事成！

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)