vuex中有哪些配置项(核心概念)作用是什么、触发流程是什么 ?

vuex中有哪些配置项(核心概念)作用是什么

1.state

储存数据

2.getters

计算数据

3.mutations

同步更新state数据,也是唯一可以修改state的方式

4.actions

异步更新state数据,通过commit触发mutations来修改state数据

5.modules

模块化管理vuex数据

vuex的触发流程是什么 

我有一个按钮,点击按钮发请求,希望把请求到的结果存储到state,说一下流程

 标准逐字稿:点击按钮的时候,通过dispatch触发actions,actions中发请求,请求的结果到达之后,通过commit触发mutations(加分项1:对mutaions的每一次触发都可以通过devtools来观测到 ),来修改state。而state中的数据是响应式的,所以凡是用到state数据的组件都会自动更新(加分项2:图中红线位置。 )。

或者:

点击按钮的时候,通过dispatch触发actions,actions中发请求,请求的结果到达之后,通过commit触发mutations,并且对mutaions的每一次触发都可以通过devtools来观测到。在mutations中修改state之后,由于state中的数据是响应式的,所以凡是用到state数据的组件都会自动更新。如果不涉及到异步操作,也可以直接在视图中直接commit触发mutaion来修改state

猜你喜欢

转载自blog.csdn.net/wangshuaibinggg/article/details/128323308