javascript - vue 数据传递问题

问题描述

问 题

app.vue 页面

b页面

我想b页面触发 app.vue的 自定义事件，

但是提示 bus 未定义， 我就想知道怎么引入进去？

解决方案

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);   
       }  
    }  
}

这篇关于javascript - vue 数据传递问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！