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修饰符的使用。

更多推荐