vue3 兄弟组件通信,vue兄弟组件通信方式

  vue3 兄弟组件通信,vue兄弟组件通信方式

  本文主要介绍Vue2和Vue3兄弟组件通信总线的区别和用法。有需要的朋友可以借鉴一下,希望能有帮助。祝大家进步很大,早日升职加薪。

  

目录

   vue 2 . XV E3 . x微型发射器插件用法mitt插件用法

  

vue2.x

  Vue.prototype.$bus=new Vue()

  听:这个。$巴士。$ on(方法名,(参数)={}),可以累加

  触发器:这个。$巴士。$ emit(方法名,参数值)

  销毁:这个。$巴士。$ off(方法名),谁听谁销毁

  注意:既然监测可以累加,那就要有第四步破坏。

  

vue3.x

  

tiny-emitter插件用法

  安装插件npm i微型发射器

  使用导入

  从“微型发射器/实例”导入发射器

  从“vue”导入{onMounted}

  setup(){

  onMounted(()={

  Listening: emitter.on(监听的方法名,(参数)={回调函数})

  Trigger: emitter.emit(监听的方法名,参数)

  Destroy: emitter.off(监听的方法名,参数)

  })

  }

  

mitt插件用法

  1.安装npm i mitt

  2.导入和使用

  从“mitt”导入mitt

  Listening: bus.on(监听的方法名,(参数)={回调函数})

  Trigger: bus.emit(监听的方法名,参数)

  Destroy: bus.off(监听的方法名,参数)

  这就是Vue2和Vue3兄弟通信总线的区别和用法的细节。更多关于Vue2和Vue3兄弟之间通信总线的使用方法,请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: