用来管理项目的全局状态(数据)
成员:
state:用来管理状态(数据)
mutaions:用来修改状态
辅助函数:
mapState
mapMutaions
工具:dev-tool
作用:可能用来实时监控 vue 中的数据
查看组件中的数据
还可以查看 vuex 中的数据
说明:
vuex 由以下几个部分组件:
state:存储数据
mutaions:修改 state
专门用于修改 state
只能处理同步操作
如果强行进行异步操作,页面上依旧会有效果
但是 dev-tool 无法检测到数据 的变化
所以在 mutaions 中绝对不允许执行异步代码
actions:专门用来处理异步操作
专门用来处理异步操作
操作的结果交给 mutaions 就可以了‘
作用:
在 vuex 中进行异步处理
用法:
定义 actions 方法
new Vuex.Store({
actions:{setUserInfo(context,payload){
// 异步操作
setTimout( () => { context.commit ('setUserInfo', payload)},1000)}
})
调用方法
// .vue 文件中
this.$store.dispatch('setUserInfo', data)
特点:
1.0 用来进行异步处理
2.0 处理的结果交给 mutations