简单记录一下vue的混入功能
1.使用前首先创建一个混入对象,最好新建一个文件,将对象导出
2.混入对象里面可以创建vue实例上的data,methods等属性,也可以创建vue实例的生命周期函数
3.引入混入对象,并使用mixins: [混入文件名]进行合并(合并规则:data,methods等属性与vue实例上的属性合并之后,调用时会优先调用vue实例上的数据,而生命周期函数不会被覆盖,实例与混入对象上的生命周期函数都会被调用,但是混入对象上的生命周期函数会被优先调用)
全局混入
混入也可以进行全局注册。使用时格外小心!一旦使用全局混入,它将影响每一个之后创建的 Vue 实例。使用恰当时,这可以用来为自定义选项注入处理逻辑。
// 为自定义的选项 'myOption' 注入一个处理器。
Vue.mixin({
created: function () {
var myOption = this.$options.myOption
if (myOption) {
console.log(myOption)
}
}
})
new Vue({
myOption: 'hello!'
})
// => "hello!"