javascript - Vue Router comment obtenir $data d'autres composants

Question

La structure de vue devtool est la suivante

Root
    Header
    App
        comment

Comment obtenir les données de comment.vue (le nom est défini sur comment) dans app.vue (sans utiliser vuex)

// 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

Il existe 2 méthodes de communication entre les composants dans vue

1. Le composant parent utilise des accessoires pour transmettre des données au composant enfant, et le composant enfant utilise submit pour envoyer des événements afin de notifier le composant parent

2. Utilisez vuex

En fait, il existe une autre façon de définir des variables partagées entre les composants, telles que les variables globales. Ceci est similaire à vuex, mais vuex offre plus de contrôle

.

Answer 2

Créer une nouvelle instance de vue vide pour la connexion au bus
C'est écrit dans le document