组件上的Vuex

Question

在互联网上提供的官方Vuex文档和指南中，提到要访问商店状态或getter，您必须创建一个计算属性，该属性返回所需的数据（例如this。$ store.state.info ），也可以使用MapState帮助器。

我访问模板上的Vuex数据，直接在模板上引用它，如下所示：

<p> {{ $store.state.info }} </p>

吸气剂也一样。它工作正常，但是我想知道我是否犯错了，因为我阅读的有关Vuex的所有文章都不喜欢这样。指南始终总是直接使用MapState或MapGetter创建计算属性。

您认为我的工作方式是否正确，还是错了，而我以后在项目中可能会遇到错误，这不是最佳实践，还是以我的方式使用Vuex很好？

Answer 1

Vue实际上并不固执，尽管这并不意味着就不存在某些最佳实践，在您的情况下，我认为您的方法还不错，实际上，如果您的应用程序有很多方法可以在Vue中实现如果要增长（中到大），那么考虑到可维护性的地图助手可能会更好，尽管要付出的代价是更冗长的代码。

编辑：更新：@edpr我想到了另一个原因，也许是显而易见的，但如果您想以ES2015的方式进行所有操作，请选择mapHelpers，因为您可以从分解和即时传播语法中受益，然后您将采用地图方式时，结果的详细程度较低。