vue.js - 如何处理 Vue.js 中的 $dispatch 和 $broadcast 弃用？

Question

我正在开发一个大型 Vue.js 应用程序，我在我的应用程序中使用broadcast了dispatch很多地方。坐下来改变所有这些的最佳方式是什么？还是我有其他方法来处理这些重大变化？

score 3 · Accepted Answer

这两种方法现在都合并在$emit方法中。

$broadcast不幸的是，替换和 $dispatchwith的每个实例$emit都不起作用，因为用于管理事件的模式现在是“事件发射器”之一。

在我看来，处理这种弃用的最快方法是创建一个虚假的 Vue 实例并将其用作事件中心。

score 1 · Accepted Answer

我最近遇到了和你一样的问题，因为我使用了很多 $broadcast 和 $dispatch。解决方案是：

正如前面的答案所指出的，使用组件作为事件中心来管理您的应用程序状态；
使用 vuex。我花了一些时间来分析选项，并真的觉得 vuex 是要走的路。Vuex 为您提供了一个中央结构来管理您的所有应用程序状态和事件，并提供了出色的开箱即用实用程序，您可以轻松地将其带到您的组件中。它还使代码更加模块化，更容易重新排列和使用。至少在我看来。我两周前开始使用它，我真的很兴奋。如果您花时间学习，我认为这可能是值得的。

干杯

2 回答 2