概念
课程概要
复习我们到目前为止学习过的概念。
Nuxt 是一个快速且高性能的框架,这得益于多种技术因素,包括代码分割、预加载以及移除未使用代码(树摇)等优化手段。此外,它还具备高效的渲染模式和内置的搜索引擎优化功能。
手动通过修改 URL 切换页面对用户而言并不实用,更好的方式是提供导航链接。Nuxt 提供了一个名为 NuxtLink 的组件。在底层,NuxtLink 仍会渲染一个 <a> 元素,但具有额外优势:其 href 属性会自动绑定到目标页面的路由,并阻止完整的页面刷新(这是原生 <a> 标签的默认行为),从而由路由器接管导航过程。
Nitro 服务器为我们提供了开发服务器,用于构建项目并使其能够在浏览器中运行。该开发服务器支持热模块替换(HMR),这意味着在开发过程中对项目进行修改时,更改会自动应用,无需重启服务器或手动刷新页面,浏览器即可实时更新。
Nitro 服务器还可用于创建自定义 API,这意味着我们不仅能完全掌控前端,还能自主定义服务器返回的响应内容。
与在前端使用 Nuxt 类似,Nitro 服务器也支持自动导入所需的工具函数,这有助于减少输入错误,使代码更简洁,并提升开发效率。
此外,Nitro 服务器还能处理静态资源和存储。例如,我们可以让 API 向用户提供图片等资源。
我们还学习了如何创建自定义 API,以构建完整的全栈应用。这些技能将帮助你在未来的 Web 开发旅程中,胜任几乎任何类型的应用开发。继续保持出色的表现!