1.子組件--父組件傳值emit進(jìn)行數(shù)據(jù)傳送染簇,父組件通過調(diào)用函數(shù)進(jìn)行數(shù)據(jù)接收
<v-child @toparent="getData()">
</v-child>
send(){
this.$emit('toparent',this.str);
}
2.非父組件(平行組件之間)傳值空vue對象
通過on接收
method:{
getData(msg){
this.str=msg;
}
}
3.父組件操作子組件refs獲取到DOM
mounted:{
this.title='hello';
this.$nextClick(function(){
console.log(this.$refs.title.innerHTML);
})
}
slot使用
使用slot添加標(biāo)簽(在template模板內(nèi)添加)
<slot name="ul-slot">默認(rèn)顯示
組件標(biāo)簽中添加內(nèi)容砰识,
<ul solt="ul-slot">替換