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

1 Like 2 留言 1127 瀏覽

鐵人賽 Modern Web DAY 30

從Vue學React！不只要會用，還要真的懂～系列第 30 篇

技術【Day 30】從Vue學React！最終大回顧＆完賽感言

沒想到與React和Vue你看我我看你地過著的這段日子雖然過程難熬，但回頭看卻又發現時間過得居然如此的快，轉眼間已經到了鐵人賽的最後一天了！雖然已經到了最後一天...

文科少女 ‧ 2023-10-06 ‧團隊曼陀號計畫V

1 Like 0 留言 1666 瀏覽

鐵人賽影片教學 DAY 21

Nuxt 3 快速入門系列第 21 篇

技術 [影片教學] Nuxt 3 使用 I18n 建立多國語系

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

Ryan ‧ 2023-10-06

0 Like 0 留言 1910 瀏覽

鐵人賽 Vue.js DAY 21

Nuxt 3 實戰筆記系列第 21 篇

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

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

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

0 Like 0 留言 863 瀏覽

鐵人賽 Vue.js DAY 21

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 21 篇

技術我的 Vue.js 筆記(21) - 元件之間的溝通：props

前言這篇文章來記錄一下，當父層元件傳遞資料給子層元件的語法：props props 我們已經知道在模版中要使用元件，會是這樣的語法： <div id=&...

imall ‧ 2023-10-06

0 Like 0 留言 652 瀏覽

技術 12.Vue-5

(一) v-for根據數據生成結構列表(如陣列或物件) 語法: item in items (item 的名稱可任意命名，只要是合法的 JavaScript...

伍貳捌 ‧ 2023-10-06

0 Like 0 留言 429 瀏覽

技術 11.Vue圖片切換

定義圖片陣列-圖片數組imgArr 添加圖片索引-index 綁定src屬性-v-bind 圖片切換 v-on 邏輯-v-show 顯示狀態切換 <d...

伍貳捌 ‧ 2023-10-06

0 Like 0 留言 576 瀏覽

技術 10.Vue-4

(一)v-show: 根據條件的布林值來控制元素的顯示和隱藏，與CSS的display屬性相關聯，但與v-if指令不同，v-show 不會將元素從DOM中移除，...

伍貳捌 ‧ 2023-10-06

0 Like 0 留言 564 瀏覽

技術 9.Vue-3

(一) v-text:設置標籤的文本內容textContent我們除了可以用兩個大括號{{}}將data值綁定之外，也可用使用v-txet <div id...

伍貳捌 ‧ 2023-10-05

0 Like 0 留言 1710 瀏覽

鐵人賽影片教學 DAY 20

Nuxt 3 快速入門系列第 20 篇

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

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

Ryan ‧ 2023-10-05

0 Like 0 留言 2005 瀏覽

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

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

0 Like 0 留言 1276 瀏覽

鐵人賽 Vue.js DAY 20

Vue3歡樂套件箱耶系列第 20 篇

技術開箱20:前端用戶導覽這樣做～v-onboarding範例應用

當我們第一次使用某網站時，有時候網站會跳出導覽指引（就是教你怎麼用？），這可稱作網頁導覽或者用戶導覽（User Tour）或者 Onboarding （是指使用...

切版姐姐 ‧ 2023-10-05

0 Like 0 留言 1028 瀏覽

鐵人賽 Vue.js DAY 20

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 20 篇

技術我的 Vue.js 筆記(20) - 在輕前端中使用元件、元件的命名

前言雖說單一元件檔案的程式因為有 script setup 語法，能讓程式變得乾淨俐落。不過並不是每個人都會使用 vite (或以前的 vue cli) 來...

imall ‧ 2023-10-05

0 Like 0 留言 411 瀏覽

技術 8 .Vue-2

(一)Vue.js 的實體物件: 透過new Vue()或Vue.createApp()得到新物件，並指定變數名稱，透過此物件來掛載在網頁上的某個 DOM 節點...

伍貳捌 ‧ 2023-10-05

1 Like 1 留言 2344 瀏覽

鐵人賽影片教學 DAY 19

Nuxt 3 快速入門系列第 19 篇

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

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

Ryan ‧ 2023-10-04

0 Like 0 留言 368 瀏覽

技術 7.Vue-1

Vue是一個用於建立使用者介面的 JavaScript 框架。他提供聲明性和基於元件的程式設計模型，幫助開發人員構建交互性強、高效的網頁應用程序。以下是Vue的...

伍貳捌 ‧ 2023-10-05

0 Like 0 留言 2106 瀏覽

鐵人賽 Vue.js DAY 19

Nuxt 3 實戰筆記系列第 19 篇

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

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

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

0 Like 0 留言 1417 瀏覽

鐵人賽 Vue.js DAY 19

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 19 篇

技術我的 Vue.js 筆記(19) - 認識元件、Vue 的單一元件檔案 SFC

認識元件在 Vue 幫我們解決的事情這篇文章中，已經用一個簡單的方式介紹元件的概念。當時只是提到模板結構跟資料抽離，並且讓結構重複使用，帶上不同的資料。有...

imall ‧ 2023-10-04

1 Like 0 留言 1486 瀏覽

鐵人賽 Vue.js DAY 18

Vue3歡樂套件箱耶系列第 18 篇

技術開箱18:圖片/元件懶加載～vue3 + IntersectionObserver API範例應用

本篇要來介紹當使用者滑到該圖或該組件時，才載入圖或組件的應用還記得我們在16篇以及17篇分別提到圖片懶加載 IntersectionObserver...

切版姐姐 ‧ 2023-10-03

0 Like 0 留言 825 瀏覽

鐵人賽影片教學 DAY 18

Nuxt 3 快速入門系列第 18 篇

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

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

Ryan ‧ 2023-10-03

1 Like 0 留言 2201 瀏覽

鐵人賽 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 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1199 瀏覽

鐵人賽 Vue.js DAY 18

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 18 篇

技術我的 Vue.js 筆記(18) - 指令：v-for

前言看到 for 這個字樣，應該已經知道他在做啥了！沒錯，跑迴圈。在網頁畫面中常常會有清單資料，像是購物網的商品清單，或是 google 搜尋完的每一筆資...

imall ‧ 2023-10-03

1 Like 0 留言 2467 瀏覽

鐵人賽影片教學 DAY 17

Nuxt 3 快速入門系列第 17 篇

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

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

Ryan ‧ 2023-10-02

1 Like 0 留言 2426 瀏覽

鐵人賽 Vue.js DAY 17

Vue3歡樂套件箱耶系列第 17 篇

技術開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

上篇簡單介紹了圖片懶加載，那其實頁面（組件）也可以懶加載，因此本篇要介紹改進初始頁面加載的好方法也就是將我們的應用程式以較小的區塊加載，而不必在頁面加載時...

切版姐姐 ‧ 2023-10-02

0 Like 1 留言 3126 瀏覽

鐵人賽 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 0 留言 949 瀏覽

鐵人賽 Vue.js DAY 17

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 17 篇

技術我的 Vue.js 筆記(17) - 指令：v-if 、v-else-if、v-else、 v-show

前言如果你知道程式的 if 、else if 、 else 的操作方式，那麼這篇文章的內容應該很容易理解 if (布林值) { // 一些邏輯操作 }...

imall ‧ 2023-10-02

2 Like 0 留言 2132 瀏覽

鐵人賽 Vue.js DAY 16

Nuxt 3 實戰筆記系列第 16 篇

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

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

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

0 Like 0 留言 676 瀏覽

鐵人賽影片教學 DAY 16

Nuxt 3 快速入門系列第 16 篇

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

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

Ryan ‧ 2023-10-01

0 Like 0 留言 1083 瀏覽

鐵人賽 Vue.js DAY 16

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 16 篇

技術我的 Vue.js 筆記(16) - 指令：v-model

前言我們已經知道使用雙大括號，可以把資料綁到模板上，並且在程式中操作資料時，綁定的資料也會跟著異動。不過有沒有一種可能，是要讓使用者操作畫面資料內容後，...

imall ‧ 2023-10-01

0 Like 0 留言 793 瀏覽

鐵人賽影片教學 DAY 15

Nuxt 3 快速入門系列第 15 篇

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

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

Ryan ‧ 2023-09-30

1 Like 0 留言 4335 瀏覽

鐵人賽 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 ‧團隊啾嚕咕嚕跳起來

技術 【Day 30】從Vue學React！最終大回顧＆完賽感言

技術 [影片教學] Nuxt 3 使用 I18n 建立多國語系

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

技術 我的 Vue.js 筆記(21) - 元件之間的溝通：props

技術 12.Vue-5

技術 11.Vue圖片切換

技術 10.Vue-4

技術 9.Vue-3

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

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

技術 開箱20:前端用戶導覽這樣做～v-onboarding範例應用

技術 我的 Vue.js 筆記(20) - 在輕前端中使用元件、元件的命名

技術 8 .Vue-2

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

技術 7.Vue-1

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

技術 我的 Vue.js 筆記(19) - 認識元件、Vue 的單一元件檔案 SFC

技術 開箱18:圖片/元件懶加載～vue3 + IntersectionObserver API範例應用

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

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

技術 我的 Vue.js 筆記(18) - 指令：v-for

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

技術 開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

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

技術 我的 Vue.js 筆記(17) - 指令：v-if 、v-else-if、v-else、 v-show

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

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

技術 我的 Vue.js 筆記(16) - 指令：v-model

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

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

標記使用者

技術【Day 30】從Vue學React！最終大回顧＆完賽感言

技術我的 Vue.js 筆記(21) - 元件之間的溝通：props

技術開箱20:前端用戶導覽這樣做～v-onboarding範例應用

技術我的 Vue.js 筆記(20) - 在輕前端中使用元件、元件的命名

技術我的 Vue.js 筆記(19) - 認識元件、Vue 的單一元件檔案 SFC

技術開箱18:圖片/元件懶加載～vue3 + IntersectionObserver API範例應用

技術我的 Vue.js 筆記(18) - 指令：v-for

技術開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

技術我的 Vue.js 筆記(17) - 指令：v-if 、v-else-if、v-else、 v-show

技術我的 Vue.js 筆記(16) - 指令：v-model