vue父组件与子组件传值

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">替换