Vuex的例接以及核心属性

发布时间 2023-07-20 11:23:24作者: enShine

Vuex是vue用户状态管理的,核心就是 store(仓库),它的5个核心属性分别是 State、 Getter、Mutation 、Action、Module。
state:管理存放数据,包括数组、对象、字符串,只能通过mutations 和 actions 来修改
getter:类型计算属性,...mapGetters([""])引用,返回值会根据它的依赖被缓存起来,只有依赖值发生变化时,会重新计算
mutation:同步修改state中变量,通过state.commit方法修改
action:异步修改state中变量,通过store.dispatch()调用action中的方法;或者通过...mapAction方法引用action中方法,多用于API 请求、Promise、setTimeOut 中修改state数据
module:子模块管理,当业务比较复杂,或者state中变量比较多时,数据按模块分开,然后用在主文件中用moudules引用