课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack
课程章节:Vue3.0
主讲老师:双越老师
课程内容:
今天学习内容包括
Vuex的相关概念
课程收获:
什么是Vuex?
概念:专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应用中多个组件的共享状态进行集中式管理(读 / 写),也是一种组件间的通信方式,且适用于任意组件间通信。
什么时候使用Vuex?
多个组件依赖于同一个状态
来自不同组件的行为需要变更同一状态
理解
Vue Components:看作顾客
Actions:看作点餐服务员
Mutations:看作后厨厨师
State:看作上来的菜
Actions:可以不经过它,它可以连接后端的一些接口。
在组件的模板里面读取不需要加 this
,在组件的 JS 里面写需要加 this
。
经过 actions 到 mutations 用 dispatch。
注意:若没有网络请求或其他业务逻辑,组件中也可以越过 actions,即不写 dispatch,直接编写 commit。
课程学习截图: