state 数据仓库

getter 用来获取数据

mutation 用来修改数据，同步修改

action 用来提交mutation，异步修改

1

Vuex组成

State：数据仓库，数据状态的来源，数据的唯一源，本身是复杂的json对象保存所有数据，即可以实例化；

getter：用来获取数据的，类似Vue的计算（Computed）属性，从现有的state中派生出新的State，用以获取复杂数据、对state中的状态改变、派生出新的状态；

Mutation：用来（同步）修改数据的，类似Vue的function属性，Mutation里的操作是同步的，不能写为异步；

Action：用来提交Mutation，可以进行异步操作，相当于包装Mutation进行异步操作，然后通过Mutation同步修改State数据。

state 数据仓库

getter 获取数据

mutation 修改数据

action 提交mutation

model

组成部分

state ----- 数据来源；

getter ----- 改变state；

mutation ----- 同步修改state；

action ----- 异步修改state；

state —— 数据仓库

getter —— 用来获取数据

Mutation —— 用来修改数据的

Action —— 用来提交mutation

Vuex的组成介绍

①State——数据仓库

②getter——用来获取数据的

③Mutation——用来修改数据的

④Action——用来提交mutation

Vuex的组成介绍

State--数据仓库

代表的数据状态的来源，一般的来说vuex所有的数据都会存在state当中，它就像一个很大
数据仓库，用来存储我们vuex的所有状态数据，所以state就是我们数据的唯一来源。

state可以实例化用来存储所有的数据，它是如何存储的？
实际上state就是一个比较复杂的或者是一个庞大的对象。它本身是一个json对象，
用来存储我们所有数据。

getter--用来获取数据的

其实我们可以通过实例化state来拿到所有的数据，但是新加的getter肯定有它自己的作用，
它就好比vue的computed

Mutation--用来修改数据的

需要commit一个Mutation来修改，这样就可以对状态的修改进行一个历史的记录，
方便于监听以及回滚等
mutation的本质实际上就是一个funtion
Mutation的操作是同步的，异步的话会有很大的麻烦，具体的可以去详细的看一下官方的文档；

Action--用来提交mutation

Action可以进行异步的操作

vuex的安装与组成

vuex组成：

1、State——数据仓库（数据状态定义在这里）

2、getter——用来获取数据的（相当于派生出来的，正常通过实例State也可以获取）

3、Mutation——用来修改数据的（他需要commit一个Mutation来进行修改，这样就可以对状态的修改进行一个历史的记录，方便于监听以及回滚等）

注意：Mutation的操作一定是同步的，如果写成异步的会很繁琐。

4、Action——用来提交mutation，Action通常用于异步操作状态数据，Mutation用于同步操作状态数据（相当于包装了一层）。

vuex的组成介绍

vuex的组成介绍

• State --数据仓库，所有的数据都存储于state中，数据唯一源，属于 json 对象

• getter --用来获取数据的

• Mutation -- 用来修改数据的，数据一定要同步的

• Action --用来提交mutation数据，可以异步提交

【VueX 组成】

• State --数据仓库

• getter --用来获取数据的

• Mutation -- 用来修改数据的

• Action --用来提交mutation

• 
  

mark.

vuex的组成介绍

state-数据仓库

getter-用来获取数据的

mutation-用来修改数据的

action-用来提交mutation

vuex组成

State 数据仓库

getter 用来获取数据

mutation 用来修改数据

action 用来提交数据

Vuex的组成介绍

vuex的组成介绍

State -数据仓库，存储所有数据源

getter-用来获取数据的

mutation-用来修改数据，同步进行

action-用来提交mutation， 异步提交

总结：

a)       state 数据仓库：所有的数据都存储于state中，数据唯一源，属于 json 对象

b)       getter 获取数据

c)        mutation 修改数据，数据一定要同步的

d)       action 提交mutation数据，可以异步提交

e)       model 模块

vuex 的组成

vuex的组成介绍

vue的组成介绍

vuex的组成

1、state  数据仓库

2、getter  用来获取数据

3、mutation  用来修改数据

4、action  用来提交mutation

vuex的组成

vuex的组成

state--------数据仓库

getter---------获取数据

mutation-----用来修改数据（同步）

action-------用来提交mutation(可以异步)