服務端

• 服務啟動 (nuxt start)

生成靜態(tài)網(wǎng)站時，服務端的生命周期僅在構(gòu)建時執(zhí)行，但每個生成的頁面都執(zhí)行。

• 生成器啟動 (nuxt generate)

• Nuxt hooks

• 服務端中間件（ serverMiddleware）

• 服務端插件（Server-side Nuxt plugins）

  • 在 nuxt.config.js 中設(shè)置

• nuxtServerInit

  • Vuex 操作僅在服務端調(diào)用去預設(shè) store
  • 第一個參數(shù)是** Vuex上下文，第二個參數(shù)是 Nuxt.js上下文**
    • 此處調(diào)度其他操作→僅“入口點”用于服務器端的后續(xù)存儲操作
  • 只能夠在 store/index.js 中設(shè)置

• 中間件（ 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 已經(jīng)被發(fā)送到瀏覽器render:routeDone 鉤子

• generate:before Nuxt.js hook 鉤子

• HTML files 已經(jīng)生成

  • 全部靜態(tài)生成
    • e.g. 靜態(tài)文件被讀取
  • generate:page (可編輯的HTML)
  • generate:routeCreated (生成的 Route)

• 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 生命周期方法)