很多人第一次接触 Vue,会觉得:
- 组件会写了
ref、reactive会用了- 页面也能渲染出来了
但真正做网站时,你马上会碰到另一层问题:
- 路由怎么组织
- 首屏怎么更快
- SEO 怎么办
- 数据在哪一层取
- 服务端接口怎么放
- 页面要不要预渲染
- 部署到底是 Node、静态、边缘,还是混合
这就是 Nuxt 出场的地方。
如果说:
- Vue 是舞台搭建与演员表演系统
- Nuxt 是整座全媒体演播中心
那么 Nuxt 解决的不是“一个组件怎么写”,而是:
- 节目单怎么排
- 哪些节目直播
- 哪些节目预录
- 哪些栏目共享同一套舞美
- 后台采访间和新闻热线怎么挂进去
- 节目海报、导视条、搜索入口怎么统一生成
- 节目播出后怎么在不同平台上线
你可以先记住这张图:
全媒体演播中心(Nuxt)
│
├── 总控室:app.vue
├── 节目单系统:app/pages/
├── 公共舞美:app/layouts/
├── 演员与道具库:app/components/
├── 栏目工具包:app/composables/
├── 全台挂件系统:app/plugins/
├── 后台机房:server/
├── 播控引擎:Nitro
├── 直播 / 预录 / 混播:SSR / SSG / Hybrid
├── 导视与海报:SEO / Meta
└── 发射与分发:Deployment一句话压缩:
Vue 负责“页面怎么演”,Nuxt 负责“整台节目怎么播”。