1.子组件--父组件传值emit进行数据传送,父组件通过调用函数进行数据接收
<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添加标签(在template模板内添加)
<slot name="ul-slot">默认显示
组件标签中添加内容,
<ul solt="ul-slot">替换