Vuex 四种状态如何区分答案

【问题标题】：How to distinguish between Vuex four statesVuex 四种状态如何区分
【发布时间】：2018-04-28 01:28:59
【问题描述】：

当我学习Vuex(state,mutations,getters and actions)时，我无法区分四种状态。我只能知道'state'是来自组件的数据，'mutations'可以改变状态。但是另外两个我觉得很难理解。我该怎么做？

【问题讨论】：

标签： vue.js vuex

【解决方案1】：

getter 本质上可以像 computed 属性一样使用 - 它可以用于处理状态中的数据，以便出于某种目的对其进行操作。

例如，如果您的州有一个待办事项列表，您可以有一个 getter 只输出 已完成 的待办事项，或者输出最重要的事项。

Actions 用于当您需要执行诸如突变之类的操作时，但其方式依赖于异步操作。最常见的是，这意味着 AJAX 请求。

您的操作将启动 AJAX 请求，并等待响应。当响应返回时（可能在相当长的一段时间后），该操作要么提交突变，要么直接更改状态。

例如，您可能有一个 getUserProfile 操作，它执行 AJAX 请求，当响应返回时，将 state.user 设置为来自该响应的数据。

【讨论】：