Vue3 一百个案例

Table of Contents

Vue3

1. 创建项目
2. 使用环境变量
3. 使用模板
4. 使用 v-bind
5. 使用 props
6. 插槽 slot
7. 响应式 reactive
8. 使用 ref
9. computed
10. watch 监听数据变化
11. 处理事件
12. 组件事件 emit
13. 动态样式绑定
14. 缓存组件 KeepAlive
15. 路由基础案例
16. 路由守卫
17. 使用 axios 请求数据
18. 自动导包
19. provide/inject 示例
20. 过渡动画
21. 部署 Vue3 应用
22. 使用 API 代理

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 组件库