vue如何在兩個(gè)組件之間傳遞數(shù)據(jù)

好幾種方式，

1. 最簡單的是 props, $emit 傳遞
2. 較深的父子組件（$on , $emit）

// 父子事件 交互
const eventMixin = {}
  eventMixin.install = (Vue, options) => {
    Vue.mixin({
        methods: {
            sendFather (cpName , {event, playLoad}) {
                // 子向父節(jié)點(diǎn)
                let parent = this.$parent
                const root = this.$root
                while (parent.$options.name !== cpName && parent !== root) {
                    parent = parent.$parent
                }
                parent.$emit(event, playLoad)
            }
        }
    })
  }
  export default eventMixin

3 ， 兄弟組件的話， 如果是我,我會(huì)讓父組件作為 中間層， 傳遞信息。 及 c -> a; b -> a; a -> b; a-> c;

父組件傳數(shù)據(jù)給子組件用prop：
https://cn.vuejs.org/v2/guide...

子組件傳數(shù)據(jù)給父組件用event:
https://cn.vuejs.org/v2/guide...

非父子關(guān)系組件傳遞數(shù)據(jù)用Event Bus
https://cn.vuejs.org/v2/guide...

貼個(gè)傳送門：https://zhuanlan.zhihu.com/p/...