//混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含//意组件选项。当组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。
// 全局混合
// 为自定义的选项 'myOption' 注入一个处理器。
Vue.mixin({
created: function () {
var s = this.$options.myOption
if (s) {
console.log(s)
}
}
})
var mixin = {
methods: {
foo: function () {
console.log('foo')
},
conflicting: function () {
console.log('from mixin')
}
}
}
var vm = new Vue({
myOption: 'hello!',
mixins: [mixin],
methods: {
bar: function () {
console.log('bar')
},
conflicting: function () {
console.log('from self')
}
}
})
vm.foo() // => "foo"
vm.bar() // => "bar"
vm.conflicting() // => "from self"
console