Nuxt 速查
共 19 条 Nuxt 3 常用写法与命令，涵盖目录与路由、页面与数据、状态与配置、命令与构建。 支持搜索与分类筛选，点击即可复制。
目录与路由
约定式目录，pages 自动生成路由。
| 命令 | 说明 |
|---|---|
| 首页（对应 /） | |
| 对应 /about | |
| 动态路由（useRoute().params.id） | |
| 布局系统 | |
| 服务端接口（文件名决定方法） |
页面与数据
组合式 API 与取数。
| 命令 | 说明 |
|---|---|
| 取数（useFetch，SSR 友好） | |
| 自定义异步数据 | |
| 页面元信息（布局 / 中间件） | |
| 导航链接 | |
| 读取路由 / 编程式导航 |
状态与配置
共享状态与运行时配置。
| 命令 | 说明 |
|---|---|
| 跨组件共享状态（SSR 安全） | |
| 读取运行时配置（public 才暴露到客户端） | |
| 定义运行时配置 | |
| 使用注入的插件 / 实例 |
命令与构建
nuxi 与构建模式。
| 命令 | 说明 |
|---|---|
| 创建项目 | |
| 开发 / 构建 / 预览 | |
| 生成纯静态站点（SSG） | |
| 快速生成文件（组件 / 页面等） | |
| 引入模块 / 插件 |
使用说明
Nuxt 速查：目录与路由、页面与数据（useFetch / useAsyncData）、状态与配置（useState / useRuntimeConfig）、命令与构建；支持搜索与分类筛选，点击即可复制。
- 按用途点分类：目录与路由、页面与数据、状态与配置、命令与构建。
- 点「命令」列复制到项目中使用。
- pages/ 下文件即路由，[id].vue 为动态路由，用 useRoute().params.id 取值。
- 纯静态部署用 nuxi generate，SSR 部署用 nuxi build。
常见问题
- useFetch 和 useAsyncData 怎么选？
- 取接口数据优先 useFetch（封装了 fetch 与 SSR 传输）；需要自定义逻辑或非 fetch 的数据源用 useAsyncData。
- useState 和普通 ref 有什么区别？
- useState 是跨组件共享且 SSR 安全的状态；普通 ref 只在当前组件内有效。
- 需要联网吗？
- 不需要，内容静态渲染，本地可用。
延伸阅读
相关工具
WG
WireGuard 速查
wg genkey / wg-quick up / AllowedIPs 速查
TSC
Tailscale 速查
tailscale up / status / --advertise-routes 速查
HAPI
hapi 速查
Hapi.server / server.route / Joi 速查
RSTFY
restify 速查
createServer / server.get / bodyParser 速查
SAILS
Sails.js 速查
sails lift / Waterline / blueprints 速查
MTEO
Meteor 速查
Meteor.publish / Collection / methods 速查