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