@xiupengfei/vue3-event-bus

A simple event bus solution for Vue 3, no dependence.

Usage no npm install needed!

<script type="module">
  import xiupengfeiVue3EventBus from 'https://cdn.skypack.dev/@xiupengfei/vue3-event-bus';
</script>

README

vue3 event bus

A simple event bus solution for Vue 3, no dependence.

// 使用
import useEventBus from '@xiupengfei/vue3-event-bus'

// 在setup中
const { emit, on, once, off } = useEventBus()

// on 监听
on('event-name', handle)

// once 仅触发一次
once('event-name', handle)

// off 解绑监听
// 解绑某个event-name handle
off('event-name', handle)
// 解绑全部event-name handle
off('event-name')

// emit 触发
emit('event-name', payload)
// 触发event-name开头的所有事件
emit('event-name*', payload)
// 触发event-name结尾的所有事件
emit('*event-name', payload)
// 触发所有的所有事件
emit('*', payload)

通常情况下需要在onUnmounted 钩子中进行事件的解绑, 现使用vue3-event-bus 无需进行手动解绑。