1,prop通信 父传子的实现
父组件中
子组件中
页面效果展示
2,props动态数据的传递 父传子
父组件
子组件
页面效果的展示
3,v-model实现 父传子
在父组件使用v-model给子组件传递数据的时候,子组件的props里面必须是value
页面效果展示
v-mode 利用input事件给父组件传递信息 子传父
效果图:
自定义事件实现子传父
子组件的通过$emit(‘事件的名字',数据)
父组件 @事件的名字 = 回调函数(e)
注意:自定义事件子父组件的事件的名字必须一致
效果展示
子组件修改父组件中的数据.sync同步修改
修改前
修改后