javascript - vue router 如何取得其他元件的$data

Question

vue devtool的結構如下

Root
    Header
    App
        comment

app.vue如何取得（不用vuex）comment.vue(設定了name為comment)的data

// app.vue
export default {
    name: 'app',
    data: () => ({
        from: 'form app'
    }),
    watch: {
        '$route': 'routeChange'
    },
    created () {
    },
    methods: {
        routeChange (to, from) {
            //这里如何获取comment.vue的data呢？
        }
    }
}

// comment.vue
export default {
    name: 'comment',
    data: () => ({
        test: '1'
    })
}

Answer 1

vue 裡組件間通訊方式有 2 種

1. 父元件使用 props 傳遞資料給子元件，子元件使用 emit 發送事件通知父元件

2. 使用 vuex

其實還有一種，定義組件間的共享變量，例如全域變量，這個和 vuex 差不多，只是 vuex 提供了更多的控制

Answer 2

新建一個空的vue實例做匯流排連線
文檔上有寫