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"}

    }

})

 

https://cn.vuejs.org/v2/guide/mixins.html

https://www.cnblogs.com/heioray/p/6888982.html

http://web.jobbole.com/91664/