组件通信
兄弟组件之间传值
1、准备好 eventBus对象(本质就是vue实列化对象)
2、需要传值的组件内:引入 eventBus 对象,然后在恰当的时机,通过eventBus。$emit()方法传值
3、在接受的组件内:引用eventBus对象,然后组件创建完成后开始通过eventBus.$on监听自定义事件,然后在回调函数中接受数据
小案例:把a组件中的数据传输给b组件
组件a
组件b
利用 eventBus.$on("接受的sen",一个函数,里面的形参是a传输过来的值)
创建:eventBus
父组件
案例:
是否完成任务记事本
案例要求: 1、使用组件平装,渲染基本页面 2、合理使用父传子,子传父进行数据操作