this.$bus.$emit+
时间: 2023-08-17 20:11:16 浏览: 139
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
5星 · 资源好评率100%
这是一个 Vue.js 中的事件总线的用法。`.$bus` 是一个 Vue 实例,通过 `$emit` 方法触发自定义事件。`$emit` 接受两个参数:第一个参数是事件名称,第二个参数是要传递的数据。例如:
```javascript
// 组件 A
this.$bus.$emit('myEvent', 'Hello, world!');
// 组件 B
this.$bus.$on('myEvent', (message) => {
console.log(message); // 输出:Hello, world!
});
```
这样,组件 A 触发了名为 `myEvent` 的事件,并传递了一个字符串数据 `'Hello, world!'`。组件 B 监听到 `myEvent` 事件后,输出了接收到的消息。
阅读全文