全书目录

第六篇:Nuxt 完全指南 —— 全媒体演播中心宇宙

第一章:Nuxt 到底是什么 —— Vue 不是电视台,Nuxt 才是电视台

1 分钟 356 字 第 128 / 962 个阅读单元

很多人第一次接触 Vue,会觉得:

  • 组件会写了
  • refreactive 会用了
  • 页面也能渲染出来了

但真正做网站时,你马上会碰到另一层问题:

  • 路由怎么组织
  • 首屏怎么更快
  • SEO 怎么办
  • 数据在哪一层取
  • 服务端接口怎么放
  • 页面要不要预渲染
  • 部署到底是 Node、静态、边缘,还是混合

这就是 Nuxt 出场的地方。

如果说:

  • Vue 是舞台搭建与演员表演系统
  • Nuxt 是整座全媒体演播中心

那么 Nuxt 解决的不是“一个组件怎么写”,而是:

  • 节目单怎么排
  • 哪些节目直播
  • 哪些节目预录
  • 哪些栏目共享同一套舞美
  • 后台采访间和新闻热线怎么挂进去
  • 节目海报、导视条、搜索入口怎么统一生成
  • 节目播出后怎么在不同平台上线

你可以先记住这张图:

text
全媒体演播中心(Nuxt)
│
├── 总控室:app.vue
├── 节目单系统:app/pages/
├── 公共舞美:app/layouts/
├── 演员与道具库:app/components/
├── 栏目工具包:app/composables/
├── 全台挂件系统:app/plugins/
├── 后台机房:server/
├── 播控引擎:Nitro
├── 直播 / 预录 / 混播:SSR / SSG / Hybrid
├── 导视与海报:SEO / Meta
└── 发射与分发:Deployment

一句话压缩:

Vue 负责“页面怎么演”,Nuxt 负责“整台节目怎么播”。