VUE X状态管理基础

**

VUE X 基础

**引入注册

**

vuex是vue的状态管理模式，用来存储管理应用的所以组件变化，并且保证状态以一种可预测的方式改变。

在根实例配置store选项指定store实例化对象

state

存放所有的公共状态属性，在组件中获取属性需要定义在计算属性computed中。
定义数据

使用辅助函数mapState映射到组件中
引入



效果

mutations

state的修改只能通过mutations，同步更新修改

使用辅助函数mapMutations调用


每次点击使定义在state中的count加1

点击

同步修改变为2

只能写同步，不能写异步代码

actions

负责异步操作
获取异步的数据 context表示当前的store的实例 可以通过 context.state 获取状态 也可以通过context.commit 来提交mutations， 也可以 context.diapatch调用其他的action

使用辅助函数 mapActions

点击之后1秒把count加100

gettters

有时候需要从state中派生出状态，这时候需要用到getters。
如定义了一个数组

在组件中需要显示大于2的数据
getters函数的第一个参数是state，必须有返回值

使用辅助函数
mapGetters


结果为

模块化 Module

当一个项目非常大的时候所有的状态都存放在state中就回显得非常复杂和臃肿，难以维护