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中的数据变化而变化