理解:
子组件向父组件传值
炒菜为例
菜单:子传父
材料:子组件,父组件
炒前准备,子组件正常执行正常业务,如果需要将某些数据传给父组件,需要将需要传的数据打包其起来传给父组件,打包方法:自定义一个事件,事件中包含需要传输的数据。这里讲究一个传,传使用emit传
this.$emit("name", props) // name自定义事件名,接收的name名, props需要传过去的数据
开始炒菜:父组件导入子组件,接收子组件传过来的数据,接收方法使用子组件穿过的自定义的事件名【注意:自定义事件写在导入的子组件那里】
<div id="app">
<p>{{count}}</p>
<app-son @name = "getName"></app-son>
<div>
import appSon from './component'
// 接收数据
getName(data){
this.count = data
}
摆盘:优化代码,删除代码中的log等。