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

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

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括

1. vue 缓存组件

2. mixin 混入

3. Vuex 的基本概念

4. vue-router

课程收获：

vue 缓存组件

• 缓存组件

• 频繁切换，不需要重复渲染

• Vue性能优化的一种方法

mixin

• 多个组件有相同的逻辑，抽离出来

• mixin 并不是完美的解决方案，会有一些问题

• Vue3 提出的 Composition API 旨在解决这些问题

Vuex 的基本概念

• state

• getters

• action

• mutation

用于 Vue 组件

• dispatch

• commit

• mapState

• mapGetters

• mapActions

• mapMutations

vue-router

• 路由模式（hash、H5 history）

• 路由配置（动态路由、懒加载）

• hash 模式（默认），如 http://abc.com/#/user/10（一般选择 hash 模式）

• H5 history 模式（默认），如 http://abc.com/user/10（需要 server 端支持）

课程学习截图：