vue3项目中的简单用法
1.创建事件总线
<script setup>
import { ref } from 'vue';
const eventBus = new Vue();
</script>
2.发送事件
<script setup>
// 假设在某个操作中发送事件
function doSomething() {
eventBus.$emit('customEvent', { data: 'Some data' });
}
</script>
3.订阅事件
<script setup>
eventBus.$on('customEvent', (data) => {
// 处理接收到的事件和数据
console.log(data);
});
</script>
4.取消订阅
onUnmounted(() => {
eventBus.$off('customEvent')
});