🗒️Vue3 Notes
00 分钟
2024-4-10
2024-5-17
type
status
date
slug
summary
tags
category
icon

1:Vue 的认识

1.0:Vue3 和 Vue2 的区别

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

1.1:Vue3 项目创建

notion image

1.2:Vue3 项目目录了解

2:Vue3 组合式 API

notion image
notion image
notion image
notion image
notion image

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

notion image
notion image
notion image

2.2:Vue3 组合式 API 中 computed 函数

notion image
notion image

2.3:Vue3 组合式 API 中 watch 函数

notion image
notion image
notion image
notion image
notion image
notion image

2.4:Vue3 组合式 API 中 声明周期函数

选项式 API
组合式 API
beforeCreate / created
setup
beforeMount
onBeforeMount
mounted
onMounted
beforeUpdate
onBeforeUpdated
updated
onUpdated
beforeUnmount
onBeforeUnmount
unmounted
onUnmounted
notion image
notion image

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

notion image
notion image
notion image
notion image

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

notion image
notion image
notion image
notion image

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

notion image
notion image
notion image
notion image
notion image
notion image

2.8:Vue3 组合式 API 中 provide 和 inject

notion image
notion image
notion image

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

notion image
notion image
notion image
notion image
notion image
notion image
notion image

3:Vue3 Pinia

3.1:Piaia 是什么

3.2:Pinia 中的小案例

notion image

3.3:Pinia 中的 getters 实现

notion image

3.4:Pinia 中的 action 异步

notion image
notion image
notion image
notion image

3.5:Pinia 中的 storeToRefs

notion image
notion image
notion image
notion image

4:Vue3 Axios

4.1:Axios 是什么

4.2:Axios 的安装与使用

notion image
notion image

4.3:Axios 异常处理

notion image

4.4:Axios 全局默认值

4.5:Axios 自定义实例默认值

notion image

4.7:Axios 拦截器

notion image
notion image

5:Vue3 Vue-Router

5.1:Vue-Router 是什么

5.2:Vue-Router 安装

notion image
notion image
notion image
notion image

5.3:Vue-Router 路由传参

notion image
notion image

5.4:Vue-Router 导航守卫

notion image
notion image