type
status
date
slug
summary
tags
category
password
1:Vue 的认识
1.0:Vue3 和 Vue2 的区别


更容易维护 | 更快的速度 | 更小的体积 | 更优的数据响应 |
组合式 API | 重写 diff 算法 | 良好的 TreeShaking | Proxy |
更好的 TypeScript 支持 | 模板编译优化 | 按需引入 | ㅤ |
ㅤ | 更高效的组件初始化 | ㅤ | ㅤ |
1.1:Vue3 项目创建

1.2:Vue3 项目目录了解
2:Vue3 组合式 API





2.1:Vue3 组合式 API 中 ref 和 reactive 函数



2.2:Vue3 组合式 API 中 computed 函数


2.3:Vue3 组合式 API 中 watch 函数






2.4:Vue3 组合式 API 中 声明周期函数
选项式 API | 组合式 API |
beforeCreate / created | setup |
beforeMount | onBeforeMount |
mounted | onMounted |
beforeUpdate | onBeforeUpdated |
updated | onUpdated |
beforeUnmount | onBeforeUnmount |
unmounted | onUnmounted |


2.5:Vue3 组合式 API 中 父子通信 - 父传子




2.6:Vue3 组合式 API 中 父子通信 - 子传父




2.7:Vue3 组合式 API 中 模板引用






2.8:Vue3 组合式 API 中 provide 和 inject



2.9:Vue3 组合式 API 综合案例实践







3:Vue3 Pinia
3.1:Piaia 是什么
3.2:Pinia 中的小案例

3.3:Pinia 中的 getters 实现

3.4:Pinia 中的 action 异步




3.5:Pinia 中的 storeToRefs




4:Vue3 Axios
4.1:Axios 是什么
4.2:Axios 的安装与使用


4.3:Axios 异常处理

4.4:Axios 全局默认值
4.5:Axios 自定义实例默认值

4.7:Axios 拦截器


5:Vue3 Vue-Router
5.1:Vue-Router 是什么
5.2:Vue-Router 安装




5.3:Vue-Router 路由传参


5.4:Vue-Router 导航守卫


- 作者:Gitlayzer
- 链接:https://www.devops-engineer.com.cn/article/vue3_notes
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。