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 种父组件使用 props 传递数据给子组件，子组件使用 emit 发送事件通知父组件使用 vuex其实还有一种，定义组件间的共享变量，例如全局变量，这个和 vuex 差不多，只是 vuex 提供了更多的控制