vuex的理解

vuex工作原理

• 是一个集中式管理状态的一个vue插件。
• 它的工作逻辑，常规的
  通过vue组件，使用用dispatch，调用action，action里面进行一些异步处理、逻辑处理，
  然后通过commit调用mutations，
  mutation再统一修改store里面的值，
  最终修改后的内容通过render重新渲染，反馈到页面中。
• 不常规的，比如说，我不需要action去做一些逻辑或者异步获取数据等操作，
  也可以直接在页面commit调用mutation，修改state的值。

图文理解

官网给出的工作流程图，可以很清晰看清楚，整个vuex的工作流程，但是还缺少一个步骤，就是可以通过Vue Components直接调用Mutations，从而实现数据的提交。我在后面添加了调整后的流程图。

调整后流程图：

vuex的辅助函数

• mapState，映射this.$store.state
• mapGetter，映射this.$store.getter
• mapAction，映射this.$store.dispatch(‘actionA’,data)
• mapMutation，映射this.$store.commit(‘mutationA’,data)