前言 在 3.6 alpha 中，除了我們後面會講到的 Vapor Mode，再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢，是由 StackBlitz 開發的輕量級 L...
前言 在 3.6 alpha 中，除了我們後面會講到的 Vapor Mode，再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢，是由 StackBlitz 開發的輕量級 L...
在 Day 5 中，我們透過 getCustomers 成功從後端取得了客戶資料，並把它存進了變數 customers。 問題來了：如果我們新增或刪除了一個客戶，畫面要如何自動更新，而不需要手動刷新...
前言 由於 Vue 是一個資料驅動畫面更新的框架，響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API，而這個篇章中就要歸納前面幾篇重點並講解響應式系統的核心觀念。 如果我要用一句話來...
前言 由於 Vue 是一個資料驅動畫面更新的框架，響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API，而這個篇章中就要歸納前面幾篇重點並講解響應式系統的核心觀念。 如果我要用一句話來...
雖然在前面已經都有使用過 component 了，但還是想要加強這個部分的理解 元件化觀念 把畫面切成可重複使用的小區塊（積木） 每個元件都有自己的 state 和 logic，互不干擾(低耦合)...
今天要繼續來學習有關 watcher 的用法 一次性的監聽器 加上 once: true 之後 watch 便只會觸發一次 <script setup> import { ref, wat...
前後端分離與 API 設計 在現代的系統開發中，前後端分離與API 設計幾乎已經成為必備的基礎觀念。本文將以我們的 Vue 銷售系統為例，說明什麼是前後端分離、API 的角色，以及如何一步一步從介面設...
前言 在上一篇 在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?我們講了 ref 跟 reactive 之間的差異，這篇就接著說入門會接觸的第二種易混淆 API。 就是 co...
今天要來學習有關 watchers 的觀念，我會將它理解為 onchange 的概念，但傳統的 onchange 指支援監聽 DOM 元素變化，而 watch 可以用在任何響應式狀態上 資料變化 深...