VUE父子组件-传数据的理解

1、概述。
父组件对子：利用props接收参数。应用场景：对于可复用的子组件，传参使子组件复用。

子向父传递：利用事件机制、在子组件触发事件时，利用emit设置传的参数以及对应的函数名发送给父组件内的对应函数、两个函数对应的时候不需要添加参数、会默认传给父内的函数。

2、使用方法
父组件对子：在子模板内添加动态属性 :mydata=“item”、在子组件内部添加props:[‘mydata’],这样就实现对子组件的传递。
console.log(this.mydata)

子向父：
在子模板内设置触发事件
@click=‘handleclick’
在子组件设置传递的参数以及映射到父组件的对应函数。
handleclick(){
console.log(‘子组件发送请求…’)
this.$emit(‘event’,this.mydata.detial)
}
在子模板内添加函数对应
@event=“handleevent”
注意handleevent和handleclick是不同的函数，一个是在子组件定义的传参函数、一个是父组件内接收的函数。

在父组件打印传递的数据
handleevent(val){
console.log(val)
}
默认val为this.mydata.detial