ARTICLE · 1246716
025 - 第一屏是怎么拼出来的:app.vue、自
025 - 第一屏是怎么拼出来的:app.vue、自
025 - 第一屏是怎么拼出来的:app.vue、自
浏览器打开 127.0.0.1:3000,第一屏到底从哪个文件开始拼?最外层是 app.vue。
这东西默认接管所有路由。哪怕你还没建页面,访问任何路径都只渲染这一个文件。很多新手找不到的 main.js,也被 Nuxt 在幕后包圆了。
第二层是自动导入组件。放进 app/components/ 就能直接用,连 import 和名字定义都省了。标签名直接取文件名,比如 AppAlert.vue 就是。
第三层轮到页面。app/pages/ 里的文件对应具体路由,但想显示出来得接上。要么在 app.vue 里写,要么干脆删掉 app.vue 让框架兜底。
最容易踩坑的就在这。你建了 pages/about.vue,访问 /about 却还是看到首页。原因就一条:app.vue 里忘了写。没接上之前,它永远只渲染自己。
原文025 - 第一屏是怎么拼出来的:app.vue、自动导入组件与页面
广东,1小时前,















































































