Composables
-
useAppConfig: 访问项目中定义的响应式 app config 。
-
useAsyncData: 在页面、组件和插件中，您可以使用useAsyncData来访问异步解析的数据。
-
useCookie: 在你的页面中，组件和插件你可以使用
useCookie，一个SSR友好的组合来读写cookies。 -
useFetch: 这个对象为
useAsyncData和$fetch提供了一个方便的包装。
Lifecycle Hooks
Hook
Arguments
Environment
Description
app:created
vueApp
Server & Client
创建初始vueApp 实例时调用。
app:error
err
Server & Client
发生致命错误时调用。
app:error:cleared
{ redirect? }
Server & Client
发生致命错误时调用。
app:data:refresh
keys?
Server & Client
(internal)
vue:setup
-
Server & Client
(internal)
vue:error
err, target, info
Server & Client
当vue错误跳转到根组件时调用。了解更多.
app:rendered
renderContext
Server
在SSR渲染完成时调用。
app:redirected
-
Server
在SSR重定向之前调用。
app:beforeMount
vueApp
Client
在安装应用程序之前调用，仅在客户端调用。
app:mounted
vueApp
Client
Vue应用程序初始化并mounted 浏览器时调用。
app:suspense:resolve
appComponent
Client
关于 Suspense resolved 事件。
link:prefetch
to
Client
当观察到<NuxtLink> 被预取时调用。
page:start
pageComponent?
Client
在Suspense 等待事件中调用。
page:finish
pageComponent?
Client
调用 Suspense resolved 事件。
page:transition:finish
pageComponent?
Client
页面转换 onAfterLeave 事件.
npx nuxi generate
npx nuxi generate [rootDir] [--dotenv]
generate 命令预呈现应用程序的每个路由，并将结果存储在普通的HTML文件中，您可以将其部署到任何静态托管服务上。该命令触发nuxi build 命令，prerender 参数设置为true。
SSG 打包命令
Nuxt Configuration Reference
alias
{ "~~": "/<rootDir>", "@@": "/<rootDir>", "~": "/<rootDir>", "@": "/<rootDir>", "assets": "/<rootDir>/assets", "public": "/<rootDir>/public"}
app.cdnURL
An absolute URL to serve the public folder from (production-only).
buildDir
Define the directory where your built Nuxt files will be placed.
srcDir
Define the source directory of your Nuxt application.
