Nuxt.js 核心

Nuxt 是基于 Vue.js 的通用应用框架（The Intuitive Vue Framework）。

1. 核心功能

• SSR (服务端渲染): 提升首屏加载速度和 SEO。
• SSG (静态生成): nuxt generate.
• 文件系统路由: 基于 pages/ 目录自动生成 vue-router 配置。

2. 目录结构规范

• pages/: 页面组件 (路由)。
• components/: 自动导入的 Vue 组件。
• layouts/: 页面布局。
• plugins/: 注入 Vue 实例的插件。
• middleware/: 路由中间件。
• server/: 服务端 API (Nuxt 3+ 使用 Nitro 引擎)。

3. Nuxt 3 新特性

• Vue 3 & TypeScript: 原生支持。
• Nitro Engine: 全新的服务端引擎，支持 Serverless 部署，跨平台。
• Auto Imports: 自动导入组件 (components) 和组合式函数 (composables)，无需手动 import。

4. 数据获取

• useFetch: 同构的数据获取方法 (SSR + Client)。
• useAsyncData: 包装异步逻辑。

const { data, pending, error } = await useFetch('/api/users')