vue ------第四天------重点案例

78 阅读1分钟

组件通信

兄弟组件之间传值

1、准备好 eventBus对象(本质就是vue实列化对象)
2、需要传值的组件内:引入 eventBus 对象,然后在恰当的时机,通过eventBus。$emit()方法传值
3、在接受的组件内:引用eventBus对象,然后组件创建完成后开始通过eventBus.$on监听自定义事件,然后在回调函数中接受数据

小案例:把a组件中的数据传输给b组件

组件a

1651928518497.png

组件b

利用 eventBus.$on("接受的sen",一个函数,里面的形参是a传输过来的值)

1651928663863.png

创建:eventBus

1651928894244.png 父组件

1651928930094.png 案例

是否完成任务记事本

案例要求: 1、使用组件平装,渲染基本页面 2、合理使用父传子,子传父进行数据操作