1.父传子,通过props传值
现在父组件上绑定需要传的值
然后在子组件props 把父组件的值绑定上
2.子传父,通过$emit,自定义函数(类似中间函数)把值传递到父组件上
然后在父组件中绑定自定义函数
3.兄弟组件之间的传值
1,首先创建一个事件总线,例如bus,作为一个通讯的桥梁;
2,在需要传值的组件中,通过emit触发一个自定义事件,并传递参数;
3,在接收数据的组件中,通过on监听自定义事件,并处理传递过来的参数;
另外:
1、兄弟组件之间与父子组件之间的数据交互,两者相比较,兄弟组件之间的通信其实和子组件向父组件传值有些类似,其实他们的通信原理都是相同的,例如子向父传值也是emit和on的形式,只是没有eventBus,但若我们仔细想想,此时父组件其实就充当了bus这个事件总线的角色。
2、这种用一个Vue实例来作为中央事件总线来管理组件通信的方法只适用于通信需求简单一点的项目,对于更复杂的情况,Vue也有提供更复杂的状态管理模式Vuex来进行处理。