19. props与emit与data同级。
a. props
父组件传递数据,子组件通过props接收父组件传过来的数据。
父组件传给子组件的值,不允许修改(单向下行绑定),如果要修改父的值,需要子组件将获得的值传给父组件,然后在父组件进行修改。
父组件:
子组件:注明接收到的数据类型 type
数组一定要定义function函数
b. emit
子组件一般不处理数据,所以当子组件拿到数据时,将数据传回父组件。
弹窗用子传父很重要。
(1)子组件myevent在方法中拿到值后:
this.$emit(“自定义事件名”,需要传给父组件的值)
例:this.$emit(“myenv”,123123123)
也可传对象和时间戳等等
(2)父接收值
第一种方法:
引入子组件并接收值
<myevent @myenv="onmyenv"></myevent>
触发子组件myenv事件,onmyenv是在组件内自定义的方法名。
第二种方法:
详见sync修饰符的使用。