vuex共有五大核心,分为:
1、state 存放状态、数据
2、getters vuex的计算属性
3、mutaions 唯一改变state数据的工具
4、actions 异步操作,需要经过mutaions内的方法改变 state的数据
5、module 当数据量很大时,为了后期更好的维护项目,对数据进行模块化,
每个模块都有单独的 state、getters、mutaions、actions、
例子:
modules: {
one:{
state:{
num:0
},
getters:{},
mutaions: {},
actions : {},
}
}
在页面获取模块的数据:
<p>{{$store.state.one.num}}</p>