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)
上一篇:JavaScript的三种类型检测typeof , instanceof , toString比较


下一篇:做了两年多salesforce平台开发,转Java的经历