1. 程式人生 > >vue 混合 進階

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