iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 2 留言 5576 瀏覽

鐵人賽 Vue.js DAY 7

Nuxt 3 實戰筆記系列第 7 篇

技術 [Day 07] Nuxt 3 使用 Dotenv 與 .env 檔案自動載入環境變數與配置 Runtime Config

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-22 ‧團隊啾嚕咕嚕跳起來

2 Like 3 留言 5379 瀏覽

鐵人賽 Vue.js DAY 1

Nuxt 3 實戰筆記系列第 1 篇

技術 [Day 01] Nuxt 3 nuxi 介紹 - Nuxt CLI 指令說明

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-16 ‧團隊啾嚕咕嚕跳起來

1 Like 1 留言 4788 瀏覽

鐵人賽 Vue.js DAY 9

Nuxt 3 實戰筆記系列第 9 篇

技術 [Day 09] Nuxt 3 發送 API 請求資料 - 從 $fetch 與 useAsyncData 到 useFetch

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-24 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 4751 瀏覽

鐵人賽 Vue.js DAY 23

Nuxt 3 實戰筆記系列第 23 篇

技術 [Day 23] Nuxt 3 多國語系模組 Nuxt I18n 的初入門與基本使用方法

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-08 ‧團隊啾嚕咕嚕跳起來

1 Like 1 留言 4700 瀏覽

鐵人賽 Vue.js DAY 14

Nuxt 3 實戰筆記系列第 14 篇

技術 [Day 14] Nuxt 3 最佳化圖片動態調整請求控制圖片大小 - Nuxt Image

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-29 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 4566 瀏覽

鐵人賽 Vue.js DAY 13

Nuxt 3 實戰筆記系列第 13 篇

技術 [Day 13] Nuxt 3 使用路由中間件（Middleware）實作身份驗證與實作技巧

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-28 ‧團隊啾嚕咕嚕跳起來

1 Like 0 留言 4540 瀏覽

鐵人賽 Vue.js DAY 15

Nuxt 3 實戰筆記系列第 15 篇

技術 [Day 15] Nuxt 3 使用 useHead 動態設定 HTML Head 與 Meta Tag

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-30 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 4396 瀏覽

鐵人賽 Vue.js DAY 21

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 21 篇

技術 D21：Nuxt 3.x 狀態管理 State Management (3)－Pinia Plugin Persistedstate 維持狀態

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀前一篇文章說明了在 Nuxt3 搭配 Pinia 狀態管理工具全域共享狀態，本篇將介紹 pini...

claire chang ‧ 2023-10-02

0 Like 0 留言 4248 瀏覽

鐵人賽 Vue.js DAY 26

Nuxt 3 實戰筆記系列第 26 篇

技術 [Day 26] Nuxt 3 錯誤頁面 (Error Page) 與錯誤處理 (Error handling)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-11 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 4049 瀏覽

鐵人賽 Vue.js DAY 10

Nuxt 3 實戰筆記系列第 10 篇

技術 [Day 10] Nuxt 3 控制伺服器端及客戶端的渲染執行與 ClientOnly 的使用

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-25 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 3941 瀏覽

鐵人賽 Vue.js DAY 25

Nuxt 3 實戰筆記系列第 25 篇

技術 [Day 25] Nuxt 3 深入靜態資源的使用 Public & Assets

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-10 ‧團隊啾嚕咕嚕跳起來

2 Like 1 留言 3913 瀏覽

鐵人賽影片教學 DAY 3

Nuxt 3 快速入門系列第 3 篇

技術 [影片教學] Nuxt 3 + ESLint + Prettier 環境建置

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-18

0 Like 0 留言 3786 瀏覽

鐵人賽 Vue.js DAY 28

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 28 篇

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

DAY 28 - Nuxt 使用 useFetch 串接 API 前言延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...

阿蘇蘇 ‧ 2023-10-13 ‧團隊大船要開囉

0 Like 0 留言 3775 瀏覽

鐵人賽 Vue.js DAY 1

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 1 篇

技術 D1：Nuxt.js vs Vue.js，淺談 SPA 與 SSR

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀提到 Nuxt.js，必須先從 Vue.js 說起，Vue.js 為專注在視圖層（View）的...

claire chang ‧ 2023-09-12

1 Like 0 留言 3757 瀏覽

鐵人賽 Vue.js DAY 26

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 26 篇

技術 D26：Nuxt 3.x 套件應用－Swiper 製作輪播動畫

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 nuxt-swiper 版本：v1.2.0 網站開發常使用到輪播功能，Swiper 是一款基...

claire chang ‧ 2023-10-07

0 Like 0 留言 3712 瀏覽

鐵人賽 Vue.js DAY 13

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 13 篇

技術 D13：Nuxt 3.x API 請求方法－$fetch、useAsyncData、useFetch

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

claire chang ‧ 2023-09-24

0 Like 0 留言 3508 瀏覽

鐵人賽 Vue.js DAY 29

Nuxt 3 實戰筆記系列第 29 篇

技術 [Day 29] Nuxt 3 混合渲染 (Hybrid Rendering) 中的 SWR 與 ISR

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-14 ‧團隊啾嚕咕嚕跳起來

0 Like 1 留言 3318 瀏覽

鐵人賽 Vue.js DAY 6

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 6 篇

技術 D6：Nuxt 3.x Pages 目錄－自動生成路由

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Pages 資料夾用來新增頁面，當我們在 Pages 資料夾建立檔案，Nuxt 會根據資料夾以及檔...

claire chang ‧ 2023-09-17

0 Like 1 留言 3316 瀏覽

鐵人賽 Vue.js DAY 17

Nuxt 3 實戰筆記系列第 17 篇

技術 [Day 17] Nuxt 3 頁面載入效果 - 使用 NuxtLoadingIndicator 元件與實作自訂 Loading 元件

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-02 ‧團隊啾嚕咕嚕跳起來

0 Like 1 留言 3196 瀏覽

鐵人賽 Vue.js DAY 24

Nuxt 3 實戰筆記系列第 24 篇

技術 [Day 24] Nuxt 3 多國語系模組 Nuxt I18n 的進階使用方法與 SEO 搜尋引擎最佳化

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-09 ‧團隊啾嚕咕嚕跳起來

0 Like 1 留言 3124 瀏覽

鐵人賽影片教學 DAY 1

Nuxt 3 快速入門系列第 1 篇

技術 [影片教學] Nuxt 3 - 使用 nuxi 建立第一個專案

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-16

0 Like 0 留言 2706 瀏覽

鐵人賽 Vue.js DAY 19

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 19 篇

技術 DAY 19 - Nuxt 專案目錄結構

DAY 19 - Nuxt 專案目錄結構今天來一起分解 Nuxt 專案架構，我們在前面有提到 Nuxt 優點之一易懂的目錄架構即使沒有這篇單看目錄架構...

阿蘇蘇 ‧ 2023-10-04 ‧團隊大船要開囉

1 Like 0 留言 2598 瀏覽

鐵人賽影片教學 DAY 17

Nuxt 3 快速入門系列第 17 篇

技術 [影片教學] Nuxt 3 使用 Pinia 進行狀態管理

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-02

0 Like 0 留言 2588 瀏覽

鐵人賽 Vue.js DAY 22

Nuxt 3 實戰筆記系列第 22 篇

技術 [Day 22] Nuxt 3 使用 SVG 的解決方案與更方便的使用 Icon 圖示

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-07 ‧團隊啾嚕咕嚕跳起來

1 Like 0 留言 2564 瀏覽

鐵人賽 Vue.js DAY 24

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 24 篇

技術 D24：Nuxt 3.x 套件應用－VeeValidate v4.x 表單驗證

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 vee-validate 是使用於 Vue.js 的輕量表單驗證套件（參考 php 框架 lar...

claire chang ‧ 2023-10-05

1 Like 1 留言 2478 瀏覽

鐵人賽影片教學 DAY 19

Nuxt 3 快速入門系列第 19 篇

技術 [影片教學] Nuxt 3 串接 Google OAuth 登入

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-04

0 Like 1 留言 2327 瀏覽

鐵人賽 Vue.js DAY 28

Nuxt 3 實戰筆記系列第 28 篇

技術 [Day28] Nuxt 3 建構打包與部署至 Cloudflare Workers

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-13 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 2323 瀏覽

鐵人賽 Vue.js DAY 3

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 3 篇

技術 D3：Nuxt 3.x 目錄結構 Directory Structure

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 定義了完整的目錄規則，讓我們可以輕鬆配置功能，專注在開發上透過 npx nuxi@l...

claire chang ‧ 2023-09-14

1 Like 0 留言 2302 瀏覽

鐵人賽 Vue.js DAY 18

Nuxt 3 實戰筆記系列第 18 篇

技術 [Day 18] Nuxt 3 自動產生連結縮圖 OG Image - SEO 搜尋引擎最佳化系列

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-03 ‧團隊啾嚕咕嚕跳起來

1 Like 0 留言 2292 瀏覽

鐵人賽影片教學 DAY 2

Nuxt 3 快速入門系列第 2 篇

技術 [影片教學] Nuxt 3 - nuxi (Nuxt CLI) 指令介紹

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-17

技術 [Day 07] Nuxt 3 使用 Dotenv 與 .env 檔案自動載入環境變數與配置 Runtime Config

技術 [Day 01] Nuxt 3 nuxi 介紹 - Nuxt CLI 指令說明

技術 [Day 09] Nuxt 3 發送 API 請求資料 - 從 $fetch 與 useAsyncData 到 useFetch

技術 [Day 23] Nuxt 3 多國語系模組 Nuxt I18n 的初入門與基本使用方法

技術 [Day 14] Nuxt 3 最佳化圖片 動態調整請求控制圖片大小 - Nuxt Image

技術 [Day 13] Nuxt 3 使用路由中間件（Middleware）實作身份驗證與實作技巧

技術 [Day 15] Nuxt 3 使用 useHead 動態設定 HTML Head 與 Meta Tag

技術 D21：Nuxt 3.x 狀態管理 State Management (3)－Pinia Plugin Persistedstate 維持狀態

技術 [Day 26] Nuxt 3 錯誤頁面 (Error Page) 與錯誤處理 (Error handling)

技術 [Day 10] Nuxt 3 控制伺服器端及客戶端的渲染執行與 ClientOnly 的使用

技術 [Day 25] Nuxt 3 深入靜態資源的使用 Public & Assets

技術 [影片教學] Nuxt 3 + ESLint + Prettier 環境建置

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

技術 D1：Nuxt.js vs Vue.js，淺談 SPA 與 SSR

技術 D26：Nuxt 3.x 套件應用－Swiper 製作輪播動畫

技術 D13：Nuxt 3.x API 請求方法－$fetch、useAsyncData、useFetch

技術 [Day 29] Nuxt 3 混合渲染 (Hybrid Rendering) 中的 SWR 與 ISR

技術 D6：Nuxt 3.x Pages 目錄－自動生成路由

技術 [Day 17] Nuxt 3 頁面載入效果 - 使用 NuxtLoadingIndicator 元件與實作自訂 Loading 元件

技術 [Day 24] Nuxt 3 多國語系模組 Nuxt I18n 的進階使用方法與 SEO 搜尋引擎最佳化

技術 [影片教學] Nuxt 3 - 使用 nuxi 建立第一個專案

技術 DAY 19 - Nuxt 專案目錄結構

技術 [影片教學] Nuxt 3 使用 Pinia 進行狀態管理

技術 [Day 22] Nuxt 3 使用 SVG 的解決方案與更方便的使用 Icon 圖示

技術 D24：Nuxt 3.x 套件應用－VeeValidate v4.x 表單驗證

技術 [影片教學] Nuxt 3 串接 Google OAuth 登入

技術 [Day28] Nuxt 3 建構打包與部署至 Cloudflare Workers

技術 D3：Nuxt 3.x 目錄結構 Directory Structure

技術 [Day 18] Nuxt 3 自動產生連結縮圖 OG Image - SEO 搜尋引擎最佳化系列

技術 [影片教學] Nuxt 3 - nuxi (Nuxt CLI) 指令介紹

標記使用者

技術 [Day 14] Nuxt 3 最佳化圖片動態調整請求控制圖片大小 - Nuxt Image