今天要繼續來學習有關 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 可以用在任何響應式狀態上 資料變化 深...
在 Day 3 我們說明了使用 Pinia 來管理應用程式的狀態，例如登入狀態與使用者角色。但光有「狀態管理」還不夠，因為系統需要根據不同角色，決定誰可以看到什麼頁面。 這時候就要引入 Vue Rou...
前言 在 Vue 的使用中你可能會看到 ref 跟 reactive，這是 Composition API 的核心，讓資料具備響應式。 但平平都是用來做變數的引用，到底差在哪裡確實是會讓人有點懷疑，此...
延續昨日的雙向綁定我們也可以搭配 v-for 來渲染選單的 options <template> <div class="box">...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！專案一直以來都由 JavaScript 這位自由奔放、充滿創意的藝術家主導。他隨性...
什麼是「狀態 (State)」？ 在開始實作之前，我們需要先釐清一個核心問題： 「當使用者在我們的系統中操作時，有哪些資訊是必須被記錄下來的？」 簡單來說，這些需要被記錄、會隨著時間或操作而改變的...
前言 在前面的篇章中我們快速的帶過 Vite 和 SFC 檔案，今天我們會介紹 Snippet 快速創建 SFC 模板和 Vite 底層如何打包以及 Rolldown 介紹使用。 Snippets 既...