vue 数据传递问题

Question

app.vue 页面b页面我想b页面触发 app.vue的 自定义事件，但是提示 bus 未定义， 我就想知道怎么引入进去？

Answer 1

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

1、创建 bus.js

// bus.jsimport 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);   
       }  
    }  
}