eventbus

跨级通信,不相干的vue之间传值和调用方法

首先创建eventbus.js

// src/utils/EventBus.js 文件
import Vue from 'vue'
 
// 向外共享 Vue 的实例对象
export default new Vue()

 在传值页面导入

import { EventBus } from "@/utils/EventBus.js";

使用方式

1.接收方:

setOneBox:通信暗号(多个eventbus不能重复)

isCall:需要传的数据

  this.$eventBus.$on("setOneBox", (isCall) => {
        console.log('isCall = ' + isCall)
    //
      });
     

2.发送方:

this.$eventBus.$emit("setOneBox", this.isCall);

你可能感兴趣的:(vue.js,javascript,前端)