服務端
- 服務啟動 (
nuxt start)
生成靜態(tài)網站時线罕，服務端的生命周期僅在構建時執(zhí)行玻侥，但每個生成的頁面都執(zhí)行。
生成器啟動 (
nuxt generate)Nuxt hooks
服務端中間件（ serverMiddleware）
-
服務端插件（Server-side Nuxt plugins）
- 在 nuxt.config.js 中設置
-
nuxtServerInit
- Vuex 操作僅在服務端調用去預設 store
- 第一個參數是** Vuex上下文晋南，第二個參數是 Nuxt.js上下文**
- 此處調度其他操作→僅“入口點”用于服務器端的后續(xù)存儲操作
- 只能夠在
store/index.js中設置
-
中間件（ Middleware）
- 全局中間件（Global middleware）
- 布局中間件（Layout middleware）
- 路由中間件（Route middleware）
asyncData
beforeCreate (Vue 生命周期方法)
created (Vue 生命周期方法)
新的 fetch 方法
狀態(tài)序列化 ( Nuxt.js hook 鉤子
render:routeContext)HTML 渲染 ( Nuxt.js hook 鉤子
render:route)當 HTML 已經被發(fā)送到瀏覽器
render:routeDone鉤子generate:beforeNuxt.js hook 鉤子-
HTML files 已經生成
-
全部靜態(tài)生成
- e.g. 靜態(tài)文件被讀取
-
generate:page(可編輯的HTML) -
generate:routeCreated(生成的 Route)
-
全部靜態(tài)生成
generate:done當所有 HTML 文件都已生成
客戶端
無論選擇哪種Nuxt.js模式嵌削，這一部分的生命周期都將在瀏覽器中完全執(zhí)行。
- 接收 HTML
- 加載 assets (e.g. Javascript)
- 客戶端激活（Vue Hydration）
- 所謂客戶端激活偿警，指的是 Vue 在瀏覽器端接管由服務端發(fā)送的靜態(tài) HTML躏救，使其變?yōu)橛?Vue 管理的動態(tài) DOM 的過程
- 中間件（Middleware）
- 全局中間件（Global middleware）
- 布局中間件（Layout middleware）
- 路由中間件（Route middleware）
- 客戶端 plugin
- 在 nuxt.config.js 中定義
- beforeCreate (Vue 生命周期方法)
- created (Vue 生命周期方法)
- 新的 fetch 方法
- beforeMount (Vue 生命周期方法)
- mounted (Vue 生命周期方法)
