vue vue3 mitt 使用方式卸载 off 使用

余鸿福

已于 2023-02-03 20:02:00 修改

阅读量872

点赞数

文章标签：前端 javascript vue.js

于 2023-02-03 16:13:34 首次发布

本文链接：https://blog.csdn.net/u011307484/article/details/128869996

版权

文章介绍了在Vue组件中如何使用mitt实现事件监听，并在组件卸载时正确移除监听器，以避免内存泄漏。onMounted用于添加事件监听，onUnmounted用于卸载时解除监听，确保函数searchCode只在特定生命周期内执行。

摘要由CSDN通过智能技术生成

//原生 mitt 的卸载方式
onMounted(() => {
  eventBus.on('searchCode', searchCode)
})
//一定要用具名函数定义
const searchCode = function (node) {
  console.log('searchCode')
}
onUnmounted(() => {
  console.log('组件卸载')
  eventBus.off('searchCode', searchCode)
})

关注博主即可阅读全文