Vue mixins(混入)

建立一个公共组件,然后对该组件进行混入继承.
注意会走两个生命周期,谨慎使用
mixins混入,相当于生成new 组件;组件引用,相当与在父组件内开辟了一块单独的空间
mixins适用于,两个有非常相似的组件,他们基本功能是一样的,但他们之间又存在这足够的差异性。
 
el:
var mixin={
    data:funtion(){
        return{
            message:"hello",
            foo:"abc"
        }
    }
}
 
new Vue({
    mixins:[mixins],
    data:function(){
        return{
            message:"goodbye",
            bar:"def"
        } 
    },
    created:function(){
        console.log(this.$data); // {message:"goodbye",foo:"abc",bar:"def"}
    }
})
 
posted @ 2018-06-05 18:23  寂寞之砂  阅读(145)  评论(0编辑  收藏  举报