vue2组件的通信的问题

1,prop通信 父传子的实现

父组件中

子组件中

页面效果展示

 2，props动态数据的传递 父传子

父组件

子组件

 页面效果的展示

 3，v-model实现 父传子

在父组件使用v-model给子组件传递数据的时候，子组件的props里面必须是value

 

 页面效果展示

v-mode 利用input事件给父组件传递信息 子传父

 效果图：

 自定义事件实现子传父

子组件的通过$emit(‘事件的名字',数据）

父组件 @事件的名字 = 回调函数(e)

注意：自定义事件子父组件的事件的名字必须一致

效果展示

子组件修改父组件中的数据.sync同步修改

 修改前

修改后