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

3 Like 1 留言 1151 瀏覽

鐵人賽 Vue.js DAY 4

在 Vue 過氣前要學的三十件事系列第 4 篇

技術在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?

前言在 Vue 的使用中你可能會看到 ref 跟 reactive，這是 Composition API 的核心，讓資料具備響應式。但平平都是用來做變數的引...

Yanya ‧ 2025-09-04

0 Like 0 留言 1148 瀏覽

鐵人賽自我挑戰組 DAY 8

與Vue相遇系列第 8 篇

技術 Day08-利用Computed&Filter屬性

又到了與Vue見面的時候，昨日完成了toDoList後，還想知道Vue有什麼特別的~ Vue：相信你已經開始熟悉Vue的操作，聽你上次說，客戶對於數據上，有很長...

EdwardXiong ‧ 2020-09-22

0 Like 0 留言 1148 瀏覽

鐵人賽自我挑戰組 DAY 23

與Vue相遇系列第 23 篇

技術 Day023-Vuex 資料控管介紹(三)-Mutation與Actions資料運作

需要用的頁面上： import Action和 State進來透過methods調用mapActions 透過computed調用mapState...

EdwardXiong ‧ 2020-10-07

0 Like 0 留言 1146 瀏覽

鐵人賽自我挑戰組 DAY 22

與Vue相遇系列第 22 篇

技術 Day022-Vuex 資料控管介紹(二)-Sate資料內容

Vue：今日首先來了解一下Vuex中的State部分：State部分來說，相當於Vue的data，專門儲存資料。我們首先可以在這邊定義資料來源，將其為我們所需要...

EdwardXiong ‧ 2020-10-06

0 Like 0 留言 1146 瀏覽

鐵人賽自我挑戰組 DAY 13

與Vue相遇系列第 13 篇

技術 Day013-Lifecycle-Vue實體生命週期-創建你的夢中情人

想起當初，第一次約她見面，是那麼輕鬆又好約。那一天，我開著我的車，直接到她公司樓下等。透過VS Code傳遞了訊息，而她的回應非常迅速。縱使之前沒見過我，我也...

EdwardXiong ‧ 2020-09-27

0 Like 0 留言 1139 瀏覽

鐵人賽 Modern Web DAY 10

前端暴龍機，Vue2.x 進化 Vue3 系列第 10 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day10.條件渲染

當我們有區分，在某種條件下看到的會是 A 畫面，某一些條件下看到的會是 B 畫面...的情形，例如每個會員權限不同所可以使用的功能不同就是一個簡單的例子，這時就...

gior__ann ‧ 2021-09-19 ‧團隊請付費解鎖團隊名稱

0 Like 0 留言 1137 瀏覽

鐵人賽 Vue.js DAY 22

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

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

前言前篇說到，在定義好元件之後，如果元件需要透過「外部」傳入狀態，可以使用 props 來傳遞，同時也提到 props 應該是 readonly 的特性，不該...

imall ‧ 2023-10-07

2 Like 0 留言 1130 瀏覽

鐵人賽 Modern Web DAY 14

為你自己寫 Vue Component 系列第 14 篇

技術 [為你自己寫 Vue Component] AtomicDivider

分隔線（Divider）元件在 UI/UX 設計中扮演重要的輔助角色，用於在視覺上區分不同的內容區域，增強版面結構的清晰度和可讀性。在實際網頁開發中，大多數...

Alex Liu ‧ 2024-09-22

0 Like 0 留言 1129 瀏覽

鐵人賽 Modern Web DAY 20

Reactivity 小技巧大變革：掌握 Signals 就這麼簡單！系列第 20 篇

技術 React 應用(VI)：高頻陷阱與最佳實務(II)

快速導覽上一篇，我們介紹了: 為什麼會撕裂（tearing），如何保證 tear-free 訂閱 keys 重掛下如何避免殘留訂閱 / 計算節點在 T...

LucianoLee ‧ 2025-09-20

0 Like 0 留言 1128 瀏覽

鐵人賽 Modern Web DAY 22

Reactivity 小技巧大變革：掌握 Signals 就這麼簡單！系列第 22 篇

技術 Vue 應用 (II)：交互操作與進階議題

快速導覽 watch / watchEffect 與我們的 createEffect 怎麼分工元件重掛（keys）下避免殘留訂閱/計算節點非同步資料的兩...

LucianoLee ‧ 2025-09-22

1 Like 0 留言 1122 瀏覽

鐵人賽影片教學 DAY 13

Nuxt 3 快速入門系列第 13 篇

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

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

Ryan ‧ 2023-09-28

0 Like 0 留言 1108 瀏覽

鐵人賽 Modern Web DAY 26

菜鳥學前端，一起vue起來 ! 系列第 26 篇

技術 Day 26. 雙向綁定語法糖 - v-model

表單輸入綁定我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...

ㄆㄩ ‧ 2021-10-08 ‧團隊挨踢SHE

0 Like 0 留言 1108 瀏覽

鐵人賽影片教學 DAY 27

Nuxt 3 快速入門系列第 27 篇

技術 [影片教學] Nuxt 3 SEO 搜尋引擎最佳化 - 實戰部落格系列 Part 5

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

Ryan ‧ 2023-10-12

2 Like 0 留言 1102 瀏覽

鐵人賽影片教學 DAY 6

Nuxt 3 快速入門系列第 6 篇

技術 [影片教學] Nuxt 3 頁面 (Pages) 與路由 (Routing)

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

Ryan ‧ 2023-09-21

1 Like 0 留言 1092 瀏覽

鐵人賽 Modern Web DAY 29

欸你是要進 Vue 了沒？系列第 29 篇

技術欸你是要進 Vue 了沒？ - Day29：Vue 組件間的溝通方式之 Emits、defineEmits() 子組件發出信號收到請回答 Over!

對，是系列文！在 Vue 中，組件之間傳遞資料的機制有許多種，本系列主要介紹父、子組件之間的溝通，分別為：「父傳子：Props」&&「子傳父：E...

++ ‧ 2024-10-13 ‧團隊好想工作室 v8.0

0 Like 0 留言 1090 瀏覽

鐵人賽影片教學 DAY 12

Nuxt 3 快速入門系列第 12 篇

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

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

Ryan ‧ 2023-09-27

0 Like 0 留言 1086 瀏覽

鐵人賽 Modern Web DAY 14

NestJs 讀書筆記系列第 14 篇

技術 VueJs - 目錄結構

root ├── src │ ├── assets │ ├── components │ ├── graphql │ ├──...

abc61958761 ‧ 2020-09-28

0 Like 0 留言 1083 瀏覽

鐵人賽 Vue.js DAY 25

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

技術我的 Vue.js 筆記(25) - slot 插槽

前言不知道大家在開始使用元件的時候有沒有一個疑惑，明明元件在模版中的寫法跟一般的 HTML 標籤沒兩樣 <my-component></my...

imall ‧ 2023-10-10

0 Like 0 留言 1081 瀏覽

鐵人賽自我挑戰組 DAY 27

與Vue相遇系列第 27 篇

技術 Day027-透過Vuex-實作簡易部落格-列舉及刪除文章

Vue：昨日，我們已將文章新增實做出來了！現在只要將文章列舉在首頁，只需要使用之前學到的v-for迴圈，即可完成！透過 v-for，將vuex中state的ar...

EdwardXiong ‧ 2020-10-11

1 Like 0 留言 1078 瀏覽

鐵人賽 Software Development DAY 6

透過迷霧,看破一切~~ZOOPARTY 動物園派對桌遊設計系列第 6 篇

技術 [第六隻羊] 迷霧森林建築工事 V 哈囉世界安安vue

天亮了昨晚是平安夜關於迷霧森林故事 Rock you，Rock you，Rock you 敲家門沒人應沒的 Rocky找不到先行離開招集會的父母有點著急沿著...

毛毛 ‧ 2021-09-21 ‧團隊森上梅友前

0 Like 0 留言 1078 瀏覽

鐵人賽 Modern Web DAY 15

LV的全端開發體驗系列第 15 篇

技術 Day15 前台測驗功能試做

接著我們要來先來實現一下前台最主要的功能，測驗，在不考慮是否登入的狀況下，基本的測驗方式就是使用者進入測驗頁面後，亂數拉出一些題目出來，接者使用者開始填寫答案，...

mackliu ‧ 2022-09-29

0 Like 0 留言 1076 瀏覽

鐵人賽 Modern Web DAY 21

LV的全端開發體驗系列第 21 篇

技術 Day21 儲存使用者的測驗結果

花了不少時間在處理後台的架構及一些套件的使用，接著，我們要來把測驗結果做儲存，僅限註冊會員可以儲存，非會員則是使用先前的 excel 匯出來自行留存。測驗結果...

mackliu ‧ 2022-10-05

1 Like 0 留言 1064 瀏覽

鐵人賽 Modern Web DAY 25

Reactivity 小技巧大變革：掌握 Signals 就這麼簡單！系列第 25 篇

技術進階內核(III)：Scheduler 進階

前情提要在前一篇原子交易（Atomic Transaction）中，我們已經看過交易如何確保狀態一致性。這一篇要更深入探討 Scheduler（調度器）的設計...

LucianoLee ‧ 2025-09-25

1 Like 0 留言 1056 瀏覽

技術【Vue】v-text 、v-html與 {{　}} (Mustache)

【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...

hinolin0309 ‧ 2022-04-27

2 Like 2 留言 1045 瀏覽

鐵人賽 Modern Web DAY 3

欸你是要進 Vue 了沒？系列第 3 篇

技術欸你是要進 Vue 了沒？ - Day3：Vue 請你自我介紹五分鐘

今天我們邀請到 Vue 來幫自己自我介紹定義官方文件：Vue (發音為 /vjuː/，類似 view) 是一款用於構建用戶界面的 JavaScript 框...

++ ‧ 2024-09-17 ‧團隊好想工作室 v8.0

0 Like 0 留言 1045 瀏覽

鐵人賽 Modern Web DAY 20

NestJs 讀書筆記系列第 20 篇

技術 VueJs - VueApollo Store

VueApollo Store 我想對 Vue 熟悉的讀者，在做前端緩存時大多數都是使用 Vuex ，不過當我們使用 Vue Apollo 時，它有自己的暫存區...

abc61958761 ‧ 2020-10-04

0 Like 0 留言 1039 瀏覽

鐵人賽 Modern Web DAY 7

Vue+Django+MongoDB+Nginx 全端開發系列第 7 篇

技術 Vue: Life cycle

今天來介紹 vue 的生命週期，什麼是生命週期呢？講簡單一點就是從你用瀏覽器打開網頁開始，到網頁內的元件一個一個生成，到整個完整的網頁建立的過程就叫生命週期，完...

哲嘉 (Zhe-Jia) ‧ 2022-09-07

0 Like 0 留言 1035 瀏覽

鐵人賽 Modern Web DAY 28

Reactivity 小技巧大變革：掌握 Signals 就這麼簡單！系列第 28 篇

技術進階內核(VI)：Time-Slicing 與協作式排程

前情提要在前一篇，我們介紹了優先級與分層 Scheduler，解決了「重要任務先跑」的問題。然而，在實際應用中，我們還會遇到另一個挑戰：長任務會阻塞主執行緒...

LucianoLee ‧ 2025-09-28

2 Like 0 留言 1026 瀏覽

鐵人賽 Modern Web DAY 17

為你自己寫 Vue Component 系列第 17 篇

技術 [為你自己寫 Vue Component] AtomicTooltip

Tooltip 是一個用來顯示、說明目標元件相關訊息的元件，通常用於滑鼠停留於元件或透過鍵盤聚焦時顯示。像是在 LINE Design System 中提到，...

Alex Liu ‧ 2024-09-25

0 Like 0 留言 1025 瀏覽

鐵人賽 Vue.js DAY 9

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

技術開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用

本篇開箱的是vue-ellipsis-3，是一款簡單上手就能實現的文字縮略元件。相信大家在網頁功能上一定會碰到這個需求，超過某個寬度時要出現...省略號（...

切版姐姐 ‧ 2023-09-24

技術 在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?

技術 Day08-利用Computed&Filter屬性

技術 Day023-Vuex 資料控管介紹(三)-Mutation與Actions資料運作

技術 Day022-Vuex 資料控管介紹(二)-Sate資料內容

技術 Day013-Lifecycle-Vue實體生命週期-創建你的夢中情人

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day10.條件渲染

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

技術 [為你自己寫 Vue Component] AtomicDivider

技術 React 應用(VI)：高頻陷阱與最佳實務(II)

技術 Vue 應用 (II)：交互操作與進階議題

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

技術 Day 26. 雙向綁定語法糖 - v-model

技術 [影片教學] Nuxt 3 SEO 搜尋引擎最佳化 - 實戰部落格系列 Part 5

技術 [影片教學] Nuxt 3 頁面 (Pages) 與路由 (Routing)

技術 欸你是要進 Vue 了沒？ - Day29：Vue 組件間的溝通方式之 Emits、defineEmits() 子組件發出信號收到請回答 Over!

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

技術 VueJs - 目錄結構

技術 我的 Vue.js 筆記(25) - slot 插槽

技術 Day027-透過Vuex-實作簡易部落格-列舉及刪除文章

技術 [第六隻羊] 迷霧森林建築工事 V 哈囉世界安安vue

技術 Day15 前台測驗功能試做

技術 Day21 儲存使用者的測驗結果

技術 進階內核(III)：Scheduler 進階

技術 【Vue】v-text 、v-html與 {{ }} (Mustache)

技術 欸你是要進 Vue 了沒？ - Day3：Vue 請你自我介紹五分鐘

技術 VueJs - VueApollo Store

技術 Vue: Life cycle

技術 進階內核(VI)：Time-Slicing 與協作式排程

技術 [為你自己寫 Vue Component] AtomicTooltip

技術 開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用

標記使用者

技術在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?

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

技術欸你是要進 Vue 了沒？ - Day29：Vue 組件間的溝通方式之 Emits、defineEmits() 子組件發出信號收到請回答 Over!

技術我的 Vue.js 筆記(25) - slot 插槽

技術進階內核(III)：Scheduler 進階

技術【Vue】v-text 、v-html與 {{　}} (Mustache)

技術欸你是要進 Vue 了沒？ - Day3：Vue 請你自我介紹五分鐘

技術進階內核(VI)：Time-Slicing 與協作式排程

技術開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用