Vuex概述
Vuex
是实现组件全局状态(数据)管理
的一种机制,可以方便的实现组件之间的数据共享
使用Vuex管理数据的好处
-
能够在
vuex
中集中管理共享的数据,便于开发和后期进行维护 -
能够高效的实现组件之间的数据共享,提高开发效率
-
存储在
vuex
中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新
Vuex中的核心特性
如图所示:
- 组件中想要在
vuex
中发送异步请求需要使用vuex
中的dispatch
发送请求 action
负责处理异步请求,并不直接修改state
中的数据- 如需修改
state
中的数据需要使用commit
函数在mutations
中修改state
中的数据
State
State
提供唯一的公共数据源,所有共享的数据都要统一放到Store
中的State
中存储
Mutation
Mutation
用于修改变更$store
中的数据
Action
- 在
mutation
中不能编写异步代码,否则会报错,需要使用action
处理异步请求
Getter
Getter
用于对Store
中的数据进行加工处理形成新的数据,只能读取store
中的数据,但是不能修改,getter
数据会随着store
中的数据变化而变化