Content
11 Lessons • 0 Quizzes • 0 Challenges
课程简介
- 1
课程概述
- 2
什么是 Nuxt？
开始使用 Nuxt
- 1
Nuxt 项目结构
- 2
页面与组件
- 3
Props 和事件传递
- 4
布局
- 5
Nuxt 自动导入与模块概述
- 6
测验：快速入门 Nuxt
- 7
编程挑战：Nuxt 布局、页面与组件
- 8
解决方案回顾：Nuxt 布局、页面与组件。
结论
- 1
课程概要
路由
- 1
基于文件的导航与动态路由
- 2
NuxtLink 与预加载
- 3
访问路由器信息
- 4
路由中间件
- 5
测验：路由
- 6
编程挑战：使用 Nuxt 实现路由
- 7
解决方案回顾：使用 Nuxt
附录
- 1
本地安装 Nuxt
- 2
安装 Nuxt Image
组合式 API
- 1
选项 API 与组合式 API
- 2
脚本设置与响应式编程
- 3
使用 Ref 实现响应式编程
- 4
计算属性和侦听器
- 5
生命周期钩子
- 6
可组合文件
- 7
测验：组合式 API
- 8
编程挑战：将选项模式转换为组合模式
- 9
解决方案回顾：将选项转换为组合
处理数据
- 1
获取数据
- 2
用户输入与查询字符串更新
- 3
数据获取：异步与懒加载组合式函数
- 4
数据获取：待处理状态与重新获取
- 5
使用 useState 共享状态
- 6
测验：数据处理
- 7
编程挑战：创建一个狗狗照片目录
- 8
解决方案回顾：创建一个狗照片目录
继续推进我们的项目
- 1
分页
- 2
安全搜索
- 3
创建和显示标签
- 4
按标签过滤
- 5
每页显示的图片数量选择
- 6
显示颜色过滤器并绑定动态样式
- 7
设置特色标题图片
- 8
创建模态组件
- 9
单页面与路由中间件
- 10
Teleport
- 11
下载图片
- 12
将 Nuxt Image 添加到项目中
- 13
页面过渡与布局过渡
- 14
测验：继续推进我们的项目
- 15
编程挑战：使用 Nuxt Image 组件
- 16
解决方案回顾：使用 Nuxt Image 组件
元数据、配置与SEO
- 1
配置与环境变量
- 2
头部元数据
- 3
Nuxt 内置组件
- 4
动态标题模板与附加组件
- 5
通用渲染与客户端渲染
- 6
测验：元数据、配置与SEO
- 7
编程挑战：动态设置页面标题
- 8
解决方案回顾：设置动态页面标题
错误处理
- 1
应用程序中的渲染错误
- 2
错误处理辅助方法
- 3
测验：错误处理
- 4
编程挑战：抛出并清除错误
- 5
解决方案回顾：抛出和清除错误
服务器 API
- 1
关于 Nitro Server API
- 2
HTTP 方法
- 3
基于文件的 API 路由
- 4
路由参数
- 5
查询参数
- 6
使用 useFetch 获取数据并匹配 HTTP 方法
- 7
存储和发布数据
- 8
创建新帖子
- 9
管理员模块
- 10
更新数据
- 11
删除数据
- 12
单篇文章页面
- 13
服务器中间件
- 14
回退路由
- 15
测验：服务器 API
- 16
编程挑战：从服务器请求随机图片
- 17
解决方案：从服务器请求随机图片
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User