不同组件的传值

1.js文件

import Vue from "vue";

const EventBus = new Vue();

export default EventBus;

  1. 接受传值的地方
import EventBus from "../utils/event-bus";

EventBus.$on("renderHeader", (name) => {
     //name为传过来的值
   });
  1. 传值的地方
其他页面使用EventBus通知本组件渲染 EventBus.$emit('renderHeader', 'xxxxx')
"xxx"这里可以是字符串,也可以是变量,为要传的值
posted @ 2022-11-07 16:31  zongkm  阅读(18)  评论(0)    收藏  举报