建立一个公共组件,然后对该组件进行混入继承.
注意会走两个生命周期,谨慎使用
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"}
}
})