Table of Contents

Vue3 项目管理

• 创建项目
• 使用环境变量
• 自动导包
• VSCode Snippet
• 部署 Vue 应用

Vue3 基础

1. 使用模板
2. 使用 v-bind
3. 使用 props
4. 插槽 slot
5. 响应式 reactive
6. 使用 ref
7. computed
8. watch 监听变化
9. 事件 Event
10. 组件事件 emit
11. 动态样式绑定
12. 缓存组件 KeepAlive
13. provide/inject 示例
14. 过渡动画

Vue Router

1. 路由基础案例
2. 路由守卫

Pinia 状态管理

1. pinia 安装配置
2. pinia 定义 Store
3. pinia 使用 Store

获取数据

1. 使用 API 代理
2. 使用 axios 请求数据

组件库

1. 使用 element-ui
2. 使用 naive-ui

Nuxt3

1. 安装 Nuxt
2. Nuxt 中的路由
3. 自动导包
4. 使用环境变量
5. 使用 css
6. 使用 windi css
7. 使用 naive-ui
8. 封装数据请求方法
9. 使用 pinia
10. 使用布局
11. 部署 Nuxt 应用
12. docker 部署 Nuxt 应用

移动端

1. 搭建项目环境
2. 使用 vant 组件库