Javascript – Vue-Datenübertragungsproblem

Question

app.vue-Seite

b Seite

Ich möchte, dass Seite b das benutzerdefinierte Ereignis von app.vue auslöst,

Aber da steht, dass Bus nicht definiert ist. Ich möchte wissen, wie man ihn einführt.

Answer 1

bus 提出来，放到特定的地方。

1、创建 bus.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、 调用

import Bus from 'bus';  

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

Answer 2

尽管不是很提倡这种做法，但你可以：

window.bus = new Vue();

你访问不到bus是因为bus是一个局部变量。。。

---

补充：

如果不使用global event bus，可以采用插件的方式：vue-bus

另外，如果多个组件之间都要共享这些数据，则使用Vuex

Answer 3

在data里面就可以了
还不清楚看这里