第十五屆 優選

vue-js
Nuxt.js 3.x 筆記-打造 SSR 專案
claire chang

系列文章

DAY 11

D11:Nuxt 3.x Middleware 目錄-監聽路由變化

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Middleware 為 Nuxt 內的 路由守衛(Navigation Guards),相當於...

DAY 12

D12:Nuxt 3.x Assets vs Public 目錄-靜態資源管理

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 提供兩個資料夾 assets/ 以及 public/,用來管理靜態資源,像是圖片、CS...

DAY 13

D13:Nuxt 3.x API 請求方法-$fetch、useAsyncData、useFetch

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 提供了全域可使用的內建函式庫 $fetch 以及 composables useFe...

DAY 14

D14:Nuxt 3.x Server 目錄-建立 API

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro,讓我們能輕鬆建立 Server API,並在 Nux...

DAY 15

D15:Nuxt 3.x Server API 整合 MongoDB 實作,邁向全端第一步

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro,讓我們能輕鬆建立 Server API,並在 Nu...

DAY 16

D16:Nuxt 3.x Meta Tags 與 SEO 搜尋引擎優化

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 搭配 Unhead 套件,讓我們可以在專案內動態控制 <head> 標籤...

DAY 17

D17:Nuxt 3.x 自訂 Loading 效果

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 提供了預設進度條元件 <NuxtLoadingIndicator>,在路...

DAY 18

D18:Nuxt 3.x 搭配 CSS Framework-以 Bootstrap 5 為例

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Bootstrap 版本:v5.3.1Sass 版本:v1.63.6 在 Nuxt 專案中,我...

DAY 19

D19:Nuxt 3.x 狀態管理 State Management (1)-useState

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 專案開發過程中常會有狀態共享的需求。父子元件間資料傳遞可以使用 Props 和 $emit,或是...

DAY 20

D20:Nuxt 3.x 狀態管理 State Management (2)-Pinia

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 專案開發過程中常會有狀態共享的需求。昨天介紹了 Nuxt3 useState Composabl...