iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

重新認識Vue 走過路過不要錯過 系列

我會一開始先針對基礎JS proxy 起頭開始重新對Vue用我的方式頗析,對於以往的我確實已經學過vue但還是走過路過 這次主打不要錯過

參賽天數 9 天 | 共 9 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Vue 走過路過不要錯過 Day01 - Vue 是怎麼來的?框架又是什麼?

Vue 是為了取代什麼誕生的? 很多人以為 Vue 是為了「取代」某個工具而出現的,但其實不太是這樣。 Vue的作者尤雨溪以前在Google Creative...

2026-09-15 ‧ 由 fabio7621 分享
DAY 2

Vue 走過路過不要錯過 Day02 - Vue 可以只是一個 script 標籤:從 CDN 到 Vite,看懂 .vue 檔背後的轉換

前言 昨天聊到Vue他是一個Framework它可以小到像JQuery一樣在HTML裡面就能跑,但使用上更方便,大也可以撐起整個正式專案的重責大任。 備註:不...

2026-09-16 ‧ 由 fabio7621 分享
DAY 3

Vue 走過路過不要錯過 Day03 -為什麼改資料畫面就會動?從 JS 的 Proxy 說起

寫 Vue 的時候,我們很習慣這樣做: state.count++ 改完資料,畫面上的數字就跟著變了。我們沒有呼叫任何「更新畫面」的函式,Vue 卻知道資料被...

2026-09-17 ‧ 由 fabio7621 分享
DAY 4

Vue 走過路過不要錯過 Day04 - 有了 reactive,為什麼還要 ref?從 .value 說起

昨天我們自己做了一個迷你響應式,核心只有兩件事:get 的時候記錄是誰在用,set 的時候通知它們重新執行。 寫完之後,reactive 看起來已經很萬能了。那...

2026-09-18 ‧ 由 fabio7621 分享
DAY 5

Vue 走過路過不要錯過 Day05 - 解構為什麼讓 reactive 失效?toRefs 到底在做什麼

昨天我們談了 ref 存在的理由:reactive 只能包物件,而且不能整包替換,ref 用一個 .value 補上了這兩個洞。 但 reactive 還有一個...

2026-09-19 ‧ 由 fabio7621 分享
DAY 6

Vue 走過路過不要錯過 Day06 - computed:不只是「快取」這麼簡單

用 Vue 一陣子之後,大多數人對 computed 的印象是「會快取結果的函式」。這句話不算錯,但只講對了一半。computed 什麼時候重算、什麼時候不算、...

2026-09-20 ‧ 由 fabio7621 分享
DAY 7

Vue 走過路過不要錯過 Day07 - watch 與 watchEffect:什麼時候該用哪一個

前言 資料變了,我們常常需要「順便做點什麼」:打 API、存進 localStorage、印個 log。Vue 3 給了我們 computed、watch、wa...

2026-09-21 ‧ 由 fabio7621 分享
DAY 8

Vue 走過路過不要錯過 Day08 - 改完資料,DOM 為什麼還是舊的?認識 nextTick

前言 在 Day03 我們用 Proxy 做了一個迷你 reactive,只要資料一改,畫面就馬上跟著更新。 但當時我有留一個伏筆:真正的 Vue 並不是這樣做...

2026-09-22 ‧ 由 fabio7621 分享
DAY 9

Vue 走過路過不要錯過 Day09 - 從 {{ }} 到 v-bind:動態綁定 class 與 style

前幾天我們用 Proxy 做出迷你 reactive,也認識了 ref、reactive、watch。資料已經會「變」了,但使用者看不到資料,只看得到畫面。今天...

2026-09-23 ‧ 由 fabio7621 分享