使用 Vue 事件或 Vuex 在组件之间传递数据（性能）？

Question

我正在开发一个应用程序，该应用程序需要从一个组件和另一个组件共享信息，该组件使用该信息以 30-60fps 更新 canvas 元素。 我的目标是低端设备，所以性能很重要。

我目前正在使用 Vuex store/get 在两个组件之间传输信息。 虽然它不会那么干净，但我意识到我也可以使用事件将这些信息向上传递和向下传递。

我很难找到关于 Vuex 的性能信息，所以在我 go 重写我的代码的重要部分之前，我想我会在这里问。

我不知道这是否重要，但我目前正在从 ES6 模块调用 getter。

Answer 1

你的应用很大吗？

我个人尽可能避免使用 Vuex。 问题在于，如果您的商店变大，它就会变成一个大 Object，随时为您服务。 在每个页面、每个子页面、每个组件等上都会加载它。 这意味着它需要浏览器的 memory。

有一个技巧是使用订阅和取消订阅 Vuex 方法来添加和删除 Vuex 模块，并且仅在必要时使用它们。 但它们仍然是“全球”Object。

如果你真的需要使用 Vuex，请尽量保持它的小。 不要把所有东西都放进去。

我没有测试它，但我确信props和$emits会比mutations和getters更快地工作。