总结

干得漂亮!你已经完成了 Nuxt 探索之旅的第一章。在本章中,你了解了构成 Nuxt 框架的要素:VueNuxt 的起源)、webpackBabel。你学习了 Nuxt 提供的各种特性,例如编写 Vue 单文件组件(.vue 文件)、ES2015+ JavaScript (ES6)、使用预处理器(SassLessStylus)编写 CSS 的能力。你还可以使用模块和插件扩展你的应用程序,为应用程序的路由添加过渡效果,管理应用程序中每个路由或页面的 <head> 元素和 meta 内容。除此之外,你还了解了许多从 webpackBabel 导入的强大功能,例如代码打包、压缩和分割。你还了解到你可以从 Nuxt 社区为你的 Nuxt 项目获取大量的插件和模块。

除了这些强大的特性之外,你还了解了每种可用应用程序类型的优缺点:传统的服务器端渲染应用程序、传统的单页应用程序 (SPA)、通用服务器端渲染应用程序 (SSR) 和静态生成应用程序。你还了解到 Nuxt 应用程序实际上属于通用 SSR 应用程序和静态生成应用程序的范畴。然后,你了解到 Nuxt 也属于单页应用程序的范畴,但与传统的 SPA 不同。最后,你了解了如何将 Nuxt 用于通用 SSR 应用程序、静态生成应用程序和单页应用程序,所有这些你将在本书的后续章节中了解更多。

在下一章中,你将学习如何安装 Nuxt 并创建一个简单的 Nuxt 应用程序,并理解 Nuxt 脚手架工具附带的默认目录结构。你还将学习如何自定义你的 Nuxt 应用程序并理解 Nuxt 中提供的静态资源。敬请期待!