全局混合
全局混合的使用如下,使用前注意,会影响到之后所有的创建的实例。
<div id="app"></div>
<script>
Vue.mixin({
created:function(){
this.hello()
},
methods:{
hello:function(){
console.log('this is mixin')
},
say:function(){
console.log('I am mixin')
}
}
});
var app=new Vue({
el:"#app",
methods:{
lsit:function(){
console.log('I am lsit')
},
say:function(){
console.log('I am mixin say')
}
}
});
app.hello();
app.lsit();
app.say();
</script>
自定义选项混合
基础篇中介绍了,冲突时会简单的覆盖掉冲突
如果想自定义合并逻辑,
vue 提供了Vue.config.optionMergeStrategies来满足该需求,在Vue.config.optionMergeStrategies添加一个函数来实现自定义
基本使用Vue.config.optionMergeStrategies.my_option=function(parent,child,vm){
}
(暂时还不清楚具体用法,先这样吧)
详细高级的修改参考1.x vue