总结

在本章中，你学习了 Nuxt 中的页面是什么，以及如何为你的应用创建不同种类的路由。你学习了如何自定义默认的应用模板和布局，以及如何创建新的布局和 404 页面。你学习了如何使用 CSS 过渡和动画，以及 JavaScript 钩子和方法，使你的应用页面之间的过渡变得有趣。如果你一直遵循本指南，那么现在你应该能够交付一个具有美观布局的小型项目了。你可以在我们的 GitHub 仓库的 /chapter-4/nuxt-universal/sample-website/ 中找到一个网站示例，该示例使用了我们在本章和前几章中学到的知识。

在下一章中，我们将探索 /components/ 目录。你将学习如何在 Nuxt 应用中使用它来改进我们在本章中介绍的布局和页面，通过更详细地了解 Vue 组件，包括从页面和布局组件向其传递数据，创建单文件 Vue 组件，注册全局和局部 Vue 组件等等。此外，你还将学习如何使用 mixins 编写可重用的代码，并使用 Vue 风格指南中的命名约定来定义组件名称，以便你的组件能够被组织和标准化，从而更好地进行未来的维护。所有这些都值得了解和探索。那么，让我们开始吧。