Nuxt3 框架概要 | 湯姆市技術筆記

📄️cache-control

https://paulund.co.uk/add-cache-control-to-nuxt3

Nuxt 3提供了一種強大的管理組件的方式，包括動態組件、動態導入和控制伺服器端或客戶端渲染組件。

Options API 與 Composition API

nuxt3 在 server 端是用 h3 的 http 微框架來處理，所以 getCookie & setCookie 都可以用此套件實現

透過 Nuxt3 框架部署到 Linode 或是 Netlify 上，也會簡單說明一下 Nuxt3 的兩種不同打包方式。

Nuxt 3 錯誤處理 (Error handling)

H3 is a minimal h(ttp) framework built for high performance and portability

布局模板通常放置在 ./layouts 目錄之下，也具有異步自動導入的效果，當新增好布局檔案後，我們就可以在 app.vue 中，添加 ` 元件來表示使用布局模板，也可以通過 name` 設定不同的模板名稱。

路由中介軟體的三種類型

取得 301 的 image

在 Vue 中，我們會使用到 Vue Router 來實現切換頁面或路由的需求，而在 Nuxt 3 中，預設是沒有使用路由相關套件，直至建立了 pages 目錄，Nuxt 將會自動載入 Vue Router 來管理路由，並且具有一定的規則需要遵循，以下將介紹頁面目錄與路由之間的關係。

靜態檔案使用方式，包含 public 和 assets

Nuxt3 樣式引用方法和使用方式，包含本地樣式、preprocessors 樣式、Single File Components (SFC) Styling

Nuxt3 提供了強大的設定選項，使您能夠將應用程式適應不同的使用情境。這些設定選項可以讓您根據不同的使用案例來調整應用程式的行為和外觀。