vue父子组件通信

一、父传子

在父组件中,用 v-bind 动态绑定一个自定义属性,用于给子组件传递数据

父组件:


 

在子组件中,使用 props 接收父组件传过来的数据。


 

 二、子传父

子组件通过事件的方式,利用 $emit 给父组件传值。

注意:$emit 的第一个参数是父组件自定义事件的方法名,后边的 “value” 是子组件要给父组件传递的数据 


 

 在父组件中,绑定一个自定义事件,用来接收子组件传来的值;


 

 

你可能感兴趣的:(vue)