把所有概念压成一张图:
Vue 提供“表演物理学”
│
├── component
├── props
├── state / ref / reactive
├── composables
└── template / event / render
Nuxt 提供“演播中心运营系统”
│
├── app.vue ← 总控室
├── app/pages/ ← 节目单
├── app/layouts/ ← 舞美系统
├── app/components/ ← 演员与道具库
├── app/composables/ ← 栏目工具箱
├── app/plugins/ ← 全台挂件系统
├── server/ ← 后台机房
├── Nitro ← 播控与发射引擎
├── useFetch/useAsyncData ← 首屏取稿系统
├── $fetch ← 互动请求系统
├── useHead ← 导视与海报系统
├── routeRules ← 直播 / 预录 / 混播编排
└── deployment ← 真正开播上线再压成一句话:
Vue 解决“页面怎么演”,Nuxt 解决“这套 Vue 应用怎么真正播给全世界看”。
当你理解到这一层,Nuxt 就不再是一堆目录名,不再只是“Vue 全家桶升级版”,而是一座真正能运营 Web 产品的全媒体演播中心。
#官方来源
- https://nuxt.com/docs/4.x/getting-started/introduction
- https://nuxt.com/docs/4.x/getting-started/installation
- https://nuxt.com/docs/4.x/getting-started/views
- https://nuxt.com/docs/4.x/directory-structure/app/app
- https://nuxt.com/docs/4.x/directory-structure/app/pages
- https://nuxt.com/docs/4.x/directory-structure/app/layouts
- https://nuxt.com/docs/4.x/directory-structure/app/plugins
- https://nuxt.com/docs/4.x/directory-structure/app/composables
- https://nuxt.com/docs/4.x/directory-structure/server
- https://nuxt.com/docs/4.x/getting-started/data-fetching
- https://nuxt.com/docs/4.x/getting-started/server
- https://nuxt.com/docs/4.x/getting-started/seo-meta
- https://nuxt.com/docs/4.x/getting-started/prerendering
- https://nuxt.com/docs/4.x/getting-started/deployment