如何在Vue.js中巧妙地实现全局事件绑定?
- 内容介绍
- 文章标签
- 相关推荐
本文共计507个文字,预计阅读时间需要3分钟。
在Vue 2.0版本中,移除了v1版本中的$broadcast方法。由于需要使用全局事件时不可避免地会使用到event-bus之类的类方法,因此,原文中提到的一种不需要使用event-bus的全局事件使用方法可能是指直接使用Vue实例的$emit和$on方法来实现全局事件通信。主要思路是:
1. 创建一个Vue实例作为全局事件总线。
2.使用$emit方法触发全局事件。
3.使用$on方法监听全局事件。
Vue 2.0 版本中取消了 v1 中的 $broadcast 方法,因此要使用全局事件时,不可避免地会使用到 event-bus 之类的方法,本文旨在提出一种不需要用到 event-bus 的全局事件使用方法。
主要思路是将事件全部绑定在 $root 上,并为所有全局事件添加一个前缀防止冲突,再通过向 $options 上注入新的 key 来简化使用方式。
本文共计507个文字,预计阅读时间需要3分钟。
在Vue 2.0版本中,移除了v1版本中的$broadcast方法。由于需要使用全局事件时不可避免地会使用到event-bus之类的类方法,因此,原文中提到的一种不需要使用event-bus的全局事件使用方法可能是指直接使用Vue实例的$emit和$on方法来实现全局事件通信。主要思路是:
1. 创建一个Vue实例作为全局事件总线。
2.使用$emit方法触发全局事件。
3.使用$on方法监听全局事件。
Vue 2.0 版本中取消了 v1 中的 $broadcast 方法,因此要使用全局事件时,不可避免地会使用到 event-bus 之类的方法,本文旨在提出一种不需要用到 event-bus 的全局事件使用方法。
主要思路是将事件全部绑定在 $root 上,并为所有全局事件添加一个前缀防止冲突,再通过向 $options 上注入新的 key 来简化使用方式。

