js bus的使用

最新推荐文章于 2024-09-11 15:33:18 发布

Derlii

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量134

点赞数 2

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/Derlii/article/details/140873556

版权

一、引用方式

1.局部引用

import bus from "@/bus";

2.使用

//子组件/兄弟组件

// 触发事件

  bus.emit('methodBus', 'value')

//父组件/兄弟组件

// 监听事件
onMounted(() => {
    bus.on('methodsBus', (value) =>{   //methodsBus为事件名
      console.log(value)  // 输出 'value'  事件被触发时需要执行的函数
    }) 
   }) 

// 销毁监听器
onUnmounted(() => {
   bus.off('methodsBus') // 移除对'methodBus'事件的监听
})