javascript - vue router bagaimana untuk mendapatkan $data komponen lain

Question

Struktur vue devtool adalah seperti berikut

Root
    Header
    App
        comment

Bagaimana untuk mendapatkan data comment.vue (nama ditetapkan untuk komen) dalam app.vue (tanpa menggunakan 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

Terdapat 2 kaedah komunikasi antara komponen dalam vue

1. Komponen induk menggunakan prop untuk menghantar data kepada komponen anak, dan komponen anak menggunakan emit untuk menghantar acara untuk memberitahu komponen induk

2. Gunakan vuex

Malah, terdapat cara lain untuk menentukan pembolehubah yang dikongsi antara komponen, seperti pembolehubah global Ini serupa dengan vuex, tetapi vuex memberikan lebih kawalan

Answer 2

Buat contoh vue kosong baharu untuk sambungan bas
Ia tertulis dalam dokumen