首页 > 其他 > 详细

vue项目使用Bus进行组件通信

时间:2021-03-12 15:16:39      阅读:19      评论:0      收藏:0      [点我收藏+]

1.bus.js

src文件夹下新建bus文件夹,新建bus.js文件,内容如下

import Vue from ‘vue‘
export default new Vue()

2.main.js

const Bus = new Vue()

new Vue({
  el: ‘#app‘,
  router,
  axios,
  store,
  components: { App },
  data() {
    return {
      Bus
    }
  },
  template: ‘<App/>‘
})

3.相应组件引用,传值组件,接收值组件都需要引用

import Bus from "../../bus/bus.js";

4.传值

Bus.$emit("year", year);

5.接收值并做操作

Bus.$on("year", (e) => {
    console.log(e);
  ...
});

 

vue项目使用Bus进行组件通信

原文:https://www.cnblogs.com/zax0927/p/14523615.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!