4.2-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》页面（pages）

《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》全文电子档将分章节陆续在“nuxt”微信订阅号原创发布，敬请关注。如果您等不及，急切提前阅读和实操，可以在订阅号中有偿获取完整电子教程和后续持续更新版本。

本教程配套示例在线预览网址：https://www.dvtop.cn

页面（pages）涉及相关内容较多，包括页面组件（components）、页面布局（layouts）、模块化代码（composables），页面路由（即pages目录下页面路径）、路由中间件（middleware）、页面导航、页面过渡动画，后面会逐一讲解。

页面必须放在项目根目录的pages目录下，页面是Vue组件，可以具有.vue、.js、.jsx、.ts或.tsx扩展名，本教程使用.vue。

pages目录是可选的，可以只通过~/app.vue 来完成项目，vue-router也不会被加载的，这样可以减小包的大小。