iT邦幫忙

nuxt3相關文章
共有 102 則文章
鐵人賽 Vue.js DAY 26

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

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

鐵人賽 影片教學 DAY 20
Nuxt 3 快速入門 系列 第 20

技術 [影片教學] Nuxt 3 Cookie 的設置與使用

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

鐵人賽 Vue.js DAY 20
Nuxt 3 實戰筆記 系列 第 20

技術 [Day 20] Nuxt 3 管理網站的 robots.txt 與 Robots Tags - SEO 搜尋引擎最佳化系列

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

鐵人賽 Vue.js DAY 25

技術 D25:Nuxt 3.x 套件應用-CKEditor 5 文字編輯器

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 CKEditor 版本:v39.0.0 CKEditor 是一套歷史悠久且功能完整、輕量的富...

鐵人賽 Vue.js DAY 24

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

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

鐵人賽 影片教學 DAY 19
Nuxt 3 快速入門 系列 第 19

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

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

鐵人賽 Vue.js DAY 19
Nuxt 3 實戰筆記 系列 第 19

技術 [Day 19] Nuxt 3 自動產生 Sitemap 網站地圖 - SEO 搜尋引擎最佳化系列

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

鐵人賽 影片教學 DAY 18
Nuxt 3 快速入門 系列 第 18

技術 [影片教學] Nuxt 3 Runtime Config & App Config

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

鐵人賽 Vue.js DAY 18
Nuxt 3 實戰筆記 系列 第 18

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

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

鐵人賽 Vue.js DAY 23

技術 D23:Nuxt 3.x 替網站增加 Sitemap 網站地圖

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Sitemap 是一種用來提供網站資訊的檔案,記錄網站內的網頁、圖片等,主要功用為協助搜尋引擎快速...

鐵人賽 Vue.js DAY 22

技術 D22:Nuxt 3.x 導入 I18n 實作多國語系

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 @nuxtjs/i18n 版本:v8.0.0-rc.3 多國語系讓我們的網站邁向國際市場,本...

鐵人賽 影片教學 DAY 17
Nuxt 3 快速入門 系列 第 17

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

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

鐵人賽 Vue.js DAY 17
Nuxt 3 實戰筆記 系列 第 17

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

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

鐵人賽 Vue.js DAY 21

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

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

鐵人賽 Vue.js DAY 16
Nuxt 3 實戰筆記 系列 第 16

技術 [Day 16] Nuxt 3 最佳管理 Meta Tag 的方式 - 使用 useSeoMeta 與 useServerSeoMeta

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

鐵人賽 影片教學 DAY 16
Nuxt 3 快速入門 系列 第 16

技術 [影片教學] Nuxt 3 狀態管理 (State Management)

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

鐵人賽 Vue.js DAY 20

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

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

鐵人賽 影片教學 DAY 15
Nuxt 3 快速入門 系列 第 15

技術 [影片教學] Nuxt 3 資料獲取 (Data Fetching)

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

鐵人賽 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 搜...

鐵人賽 Vue.js DAY 19

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

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

鐵人賽 影片教學 DAY 14
Nuxt 3 快速入門 系列 第 14

技術 [影片教學] Nuxt 3 渲染模式 (Rendering Modes)

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

鐵人賽 Vue.js DAY 14
Nuxt 3 實戰筆記 系列 第 14

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

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

鐵人賽 Vue.js DAY 18

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

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

鐵人賽 影片教學 DAY 13
Nuxt 3 快速入門 系列 第 13

技術 [影片教學] Nuxt 3 Server API

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

鐵人賽 Vue.js DAY 13
Nuxt 3 實戰筆記 系列 第 13

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

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

鐵人賽 Vue.js DAY 17

技術 D17:Nuxt 3.x 自訂 Loading 效果

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

鐵人賽 Vue.js DAY 28

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

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

鐵人賽 Vue.js DAY 23

技術 DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板

DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板 驗收學習成果 再這篇我們會試著整合前面所學的,將 app...

鐵人賽 Vue.js DAY 22

技術 DAY 22 - Nuxt 自動引入 (Auto Imports)

DAY 22 - Nuxt 自動引入 (Auto Imports) Nuxt3 有個很重要的特性,那就是 自動引入 (Auto Imports),大幅增加你...

鐵人賽 影片教學 DAY 12
Nuxt 3 快速入門 系列 第 12

技術 [影片教學] Nuxt 3 路由中間件 (Route Middleware)

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