1. 开始使用

1.1 介绍

Nuxt 4 是什么

与 Nuxt 3 的差异及迁移价值

1.2 快速开始

安装指南

项目初始化命令

目录结构概览

第一个页面与运行项目

2. 基础概念

2.1 项目结构

核心目录详解

目录约定与自动导入规则

自定义目录配置

2.2 路由

基于文件系统的路由

动态路由与参数

嵌套路由与布局

路由导航

路由中间件

2.3 组件

自动导入组件

组件嵌套与通信

内置组件

2.4 布局与页面

全局布局与页面布局

布局嵌套与动态切换

页面元信息

2.5 样式

全局样式与局部样式

CSS 预处理器

CSS 模块与作用域样式

样式方案集成

2.6 配置 Nuxt

配置文件

环境变量与 .env 文件

全局配置选项

2.7 获取数据

$fetch

useAsyncData

useFetch

三者对比

3. Server

3.1 目录结构

server目录介绍

3.2 API路由

基础用法

核心工具函数

动态路由与嵌套路由

3.3 插件

插件介绍

创建插件

进阶用法

3.4 钩子

钩子介绍

使用 Server 层钩子

3.5 中间件

中间件介绍

创建中间件

4. 渲染模式

4.1 服务端渲染（SSR）

工作原理与配置

4.2 客户端渲染（CSR）

适用场景与配置

4.3 混合渲染

混合渲染

5. 进阶特性

5.1 组合式 API

核心 API

自定义组合式函数

5.2 插件

插件开发与注册

第三方库集成

5.3 模块系统

官方模块

自定义模块开发

5.4 服务器引擎

Nitro 引擎升级特性

部署目标适配

5.5 国际化（i18n）

多语言配置

路由本地化与翻译

5.6 状态管理

Pinia 集成

全局状态与组件共享

6. 优化与调试

6.1 性能优化

代码分割与懒加载

图片优化

字体优化

缓存策略

6.2 调试工具

Nuxt DevTools

错误处理与日志

6.3 类型安全

TypeScript 集成

类型定义与接口

7. 部署与集成

7.1 部署指南

静态托管

服务器部署

Edge 部署

7.2 CI/CD 集成

自动化构建与部署流程

7.3 第三方服务集成

analytics

表单处理

CMS 集成

默认课时

0 次学习0分钟

正在加载课程内容...