this.$root.$on
时间: 2023-11-21 22:57:42 浏览: 179
這個是一個root的檔
this.$root.$on是Vue.js中的一个方法,用于在组件之间进行通信。它可以在一个组件中监听另一个组件发出的事件,并执行相应的逻辑。具体来说,当一个组件A需要向另一个组件B发送数据时,它可以使用this.$root.$emit()方法发出一个事件,并将数据作为参数传递。而组件B则可以使用this.$root.$on()方法监听这个事件,并在事件触发时执行相应的逻辑。
下面是一个使用this.$root.$on()方法的例子:
在组件A中发出事件:
```javascript
this.$root.$emit('my-event', { data: 'hello world' });
```
在组件B中监听事件:
```javascript
this.$root.$on('my-event', function (data) {
console.log(data); // 输出:{ data: 'hello world' }
});
```
阅读全文