【九月打卡】第十四天 + Vue面试考点

课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括

1. Vuex的相关概念
   

课程收获：

什么是Vuex?

• 概念：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式管理（读 / 写），也是一种组件间的通信方式，且适用于任意组件间通信。

什么时候使用Vuex?

• 多个组件依赖于同一个状态

• 来自不同组件的行为需要变更同一状态

理解

• Vue Components：看作顾客

• Actions：看作点餐服务员

• Mutations：看作后厨厨师

• State：看作上来的菜

• Actions：可以不经过它，它可以连接后端的一些接口。

• 在组件的模板里面读取不需要加 this，在组件的 JS 里面写需要加 this。

• 经过 actions 到 mutations 用 dispatch。

• 注意：若没有网络请求或其他业务逻辑，组件中也可以越过 actions，即不写 dispatch，直接编写 commit。

课程学习截图：