本文是《Nuxt3中文开发教程》的页面部分，讲解了Nuxt3中pages目录下的页面组件、布局、模块化代码、路由及中间件等内容。页面必须置于pages目录下，可使用.vue扩展名。通过修改~/app.vue中的NuxtWelcome为NuxtPage，启动pages下的页面。创建~/pages/index.vue后，可通过http://localhost:3000访问。
《手把手教您使用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也不会被加载的，这样可以减小包的大小。
最低0.47元/天 解锁文章
扫一扫
2189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
