任务一:Vuex 状态管理

144 阅读1分钟

组件内状态管理流程

image.png

VueX是什么

image.png

image.png

VueX核心概念

Store
State
Getter
Mutation 不要在这mutation中做异步的操作,否则调试工具无法正常观察状态变化,Mutation的调用要通过commit
Action 这里操作异步,Action的调用要通过dispatch,
Module

VueX获取属性的简写

image.png

VueX严格模式

开启严格模式之后,在组件里直接修改state状态,会抛出错误,但是值还是会被修改。
不要在生产环节下开启严格模式,严格模式会深度检查状态树,检查不合规的状态改变会影响性能    

image.png

image.png

VueX插件介绍

image.png