12 docs tagged with "nuxt3"

Options API 與 Composition API

Nuxt 3 錯誤處理 (Error handling)

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

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

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

路由中介軟體的三種類型

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

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

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

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

利用 docusaurus 寫好的文章，透過 Netlify 部署到網站上，快速又方便。此篇文章也會介紹如何用 nuxt3 和 Netlify 部署到網站上。

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