常用地组件通信大致分为三类: 父传子 , 子传父 , 跨组件传值
父子组件的确认方法:我将 B 组件import引入到 A 组件中,那么 B 就是 A 的子组件,A 就是 B 的父组件
1.父传子 props
简而言之,父传子就是父组件把数据传给子组件,具体就是如下,在子组件的props中定义自定义属
2.子传父 $emit
刚刚说到了在 Vue2.0 子组件不能直接改父组件的数据,否则会报错,这个解决方法就是在子组件中发起一个 自定义事件 ,在父组件监听这个事件,并且定义一个函数来改变数据
3.跨组件通信 event-bus
如果两个组件的关系非常的复杂或者没有未产生直接联系，那么通过父子组件通讯是非常麻烦的。这时候可以使用通用的组件通讯方案：事件总线（event-bus)