javascript - masalah pemindahan data vue

Question

halaman app.vue

b halaman

Saya mahu halaman b mencetuskan acara tersuai app.vue,

Tetapi ia mengatakan bas tidak ditakrifkan Saya ingin tahu bagaimana untuk memperkenalkannya?

Answer 1

bas Letakkan dan letakkan di tempat tertentu.

1 Buat bas.js

.

// bus.js
import Vue from 'vue';  
export default new Vue(); 

2.

import Bus from 'bus';  

export default {
    created() {  
        Bus.$on('getData', target => {  
            console.log(target);  
        });  
    }  
}

3 Panggil

.

import Bus from 'bus';  

export default{
    methods: {  
       but(event) {  
           Bus.$emit('getData', event.target);   
       }  
    }  
}

Answer 2

Walaupun pendekatan ini tidak sangat disyorkan, anda boleh:

window.bus = new Vue();

Anda tidak boleh mengakses bas kerana bas ialah pembolehubah tempatan. . .

---

Ditambah:

Jika anda tidak menggunakan bas acara global, anda boleh menggunakan kaedah pemalam: vue-bus

Selain itu, jika anda ingin berkongsi data ini antara berbilang komponen, gunakan Vuex

Answer 3

Masukkan sahaja dalam data
Belum jelas lagi, lihat di sini