Vuex介绍

1.Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触发动作(Action)进而改变对应状态(State),从而反映到视图（View)上。

2.Vuex是Vue.js应用程序的状态管理模式+库。

3.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可测的方式发生变化。

4.Vuex把组件的共享状态抽取出来，以一个全局单例模式管理。在这种模式下,我们的组件树构成了一个巨大的“视图”，不管在树的哪个位置,任何组件都能获取状或者触发行为!

5.通过定义和隔离状态管理中的各种概念并强制遵守一定的规则,我们的代码将会变得更结构化且易维护。

6.Vuex就是前端为了方便数据的操作而建立的一个”前端数据库”不同的模块组件能通过统一的方法获取,修改数据内容store>仓库

7.state>源数据。、

8.mutation> Mutations 就是我们把数据存入数据库的 API, 用来修改state的唯一方法。

9.getter> getters是我们从数据库里取数据的API，是一个”纯函数”,不会对原数据造成影响的函数.

 

模块详解：

1.每一个Vuex应用的核心就是store (仓库)。"store" 基本上就是一个容器，它包含着你的应用中大部分的状态(state)。

Vuex和单纯的全局对象有以下两点不同:

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

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

模块详解state：

1.State负责存储整个应用的状态数据，一般需要在使用的时候在跟节点注入store对象，后期就可以使用this. $store.state直接获取状态。

2.每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段， 在调试的过程中也能轻易地取得整个当前应用状态的快照。

3.由于Vuex的状态存储是响应式的，从store实例中读取状态最简单的方法就是在计算属性中返回某个状态。

mutations:

Mutations的中文意思是 "变化” ，利用它可以更改状态(是操作state的唯一方法，即只有mutations方法能够改变state状态值)

Action（做异步）:

Actions也可以用于改变状态，不过是通过触发mutation实现的，重要的是可以包含异步操作。其辅助函数是mapActions与mapMutations类似，也是绑定在组件的methods.上的。如果选择直接触发的话，使用this.$store. dispatch(actionName)方法

action和mutations的区别有以下几点:

1.Action提交的是mutation,而不是直接变更状态。

2.Action可以包含任意异步操作。

3.Action还是得通过mutation方法来修改state.