浅谈vuex

1.什么是vuex

1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。

2.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。

2.vuex的核心概念

Vue有五个核心概念，state, getters, mutations, actions, modules。本文将对这个五个核心概念进行梳理。

总结
state => 基本数据
getters => 从基本数据派生的数据
mutations => 提交更改数据的方法，同步！
actions => 像一个装饰器，包裹mutations，使之可以异步。
modules => 模块化Vuex

state提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储。

Getter用于对Store中的数据进行加工处理形成新的数据。
1.Getter可以对Store中已有的数据加工处理之后形成新的数据，类似Vue的计算属性。
2.Store中数据发生变化，Getter的数据也会跟着变化。

Mutation用于变更Store中的数据
1.只能通过mutation变更Store数据，不可以直接操作Store中的数据。
2.通过这种方式虽然操作起来稍微繁琐一些，但是可以集中监控所有数据的变化。

Action用于处理异步任务
如果通过异步操作变更数据，必须通过Action，而不能使用Mutation，但是Action中还是要通过触发Mutation的方式间接变更数据。

modules模块化Vuex
vuex使用单一状态树，那么就意味着很多状态都会交给来管理。