vue router 如何获取其他组件的$data

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'

    })

}


翻过高山走不出你
浏览 540回答 1
1回答

倚天杖

vue 里组件间通讯方式有 2 种父组件使用 props 传递数据给子组件,子组件使用 emit 发送事件通知父组件使用 vuex其实还有一种,定义组件间的共享变量,例如全局变量,这个和 vuex 差不多,只是 vuex 提供了更多的控制
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript