父向子传
通过属性
- 先于父组件引进子组件:
- 给孩子组件(child) 自定义属性(Trmsg) 从父亲传值给儿子
- 儿子通过Props接收:
props: ["Trmsg"],//属性的属性
子向父传
通过自定义事件
- 在父组件中自定义事件
<child @myevent='changeData' :Trmsg="Trmsg"></child> //changeData加()没拿到数据
methods: {
// 父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法
changeData(childData){ // 有参数 调用时关于()
this.ChildData = childData
// console.log(childData);
}
},
- 在子级触发父级设定的自定义事件
<button @click='sendData()'>传递数据</button>
methods: {
sendData(){
/**
* this.$emit 触发父级自定义事件方法
* 方法接受参数:①自定义事件名 ②要传递数据
* */
this.$emit('myevent',this.childData) // !! this.
}
},