vue 混合 进阶

全局混合

全局混合的使用如下，使用前注意，会影响到之后所有的创建的实例。

 <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