uniapp-- props与emit 父子组件传值

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