1. 父传子数据,可以使用 props 子组件接收数据
2. 子传父数据,可以父传子函数,子组件 emit 触发函数并且传入参数给父组件,实现子传父数据
父组件:
自定义一个函数,传入子组件
<myEvent @myE="sonToFather"></myEvent>
methods: {
sonToFather(title) {
this.title = title
}
}
子组件:
this.$emit('XXX函数',传入参数)
<button @click="changeTitle">点击传给父数据</button>
methods: {
changeTitle() {
//触发一个更新事件
this.$emit('myE', this.title)
}
}