vue 3 mitt怎么使用
时间: 2023-12-16 08:49:37 浏览: 145
vue中mint-ui的使用方法
Vue 3 Mitt 是 Vue 3 的一个事件总线插件,可以用于组件间的通信。使用步骤如下:
1. 安装 Mitt
```
npm install mitt
```
2. 在组件中引入 Mitt
```javascript
import mitt from 'mitt';
const emitter = mitt();
```
3. 在组件中使用 Mitt
```javascript
// 发送事件
emitter.emit('event-name', data);
// 监听事件
emitter.on('event-name', (data) => {
// 处理事件
});
// 取消监听事件
emitter.off('event-name', callback);
```
其中,`emit` 方法用于发送事件,`on` 方法用于监听事件,`off` 方法用于取消监听事件。`event-name` 为事件名称,可以自定义,`data` 为传递的数据。
阅读全文