上一篇講 props 的時候，留了一個很常見的情境：商品卡片上有個「收藏」按鈕，卡片手上的 product 是父組件給的，照單向資料流的規矩，子組件不該直接去改它。 那按鈕按下去之後，到底該怎麼辦？...
Day16 - props：defineProps 與單向資料流的規矩 前言：同一張商品卡片，為什麼不能寫死？ 假設你在做一個商品列表頁，每個商品都要顯示名稱、價格。最直覺的做法是把卡片的 HTML...
昨天把 Quick Sort 改成 Lomuto Partition 後，今天終於可以回頭實作 Day 14、15 規劃的快照。 原本以為前面已經想好「快照要記什麼」，真正開始寫才發現：換成 Lomu...
寫專案寫到一半，常常會有一個瞬間：打開 App.vue，捲軸拉了半天還到不了底。上面是 header，中間有搜尋框和商品列表，旁邊塞了一個計時器，最下面還有一個彈窗。每次要改東西，都要先花時間找「這段...
前兩天已經整理好 Quick Sort 的「快照要記什麼」以及「什麼時候記」，原本以為今天終於可以直接開始實作動畫。 但真的開始寫之後，我才發現一個問題： 我原本學會的 Quick Sort 寫法，雖...
寫 jQuery 的年代，要對某個元素做事，第一步通常是 $('#xxx') 把它抓出來。來到 Vue 之後，大部分時間我們改資料、畫面自己跟著變，已經很少需要親手碰 DOM。 但「很少」不等於「不用...
昨天已經先整理好 Quick Sort 一張快照需要記錄哪些狀態，今天就要回到 Day 13 寫好的 Quick Sort ，開始思考另一個問題： 到底要在哪些時間點記錄快照？ 一開始我的想法很單純，...
系列：奇幻塔防開發實錄：用 Claude 打造一款有靈魂的塔防遊戲今日工具：Claude Code（Plan mode）今日進度：灰燼步兵沿著「灰原邊境」的路徑走到底，固定時間步 60fps，引擎...
登入、註冊、搜尋、篩選條件，幾乎每個專案都少不了表單。只要有使用者輸入，就得處理一件事：畫面上輸入框裡的值，要怎麼跟程式裡的資料保持一致？ v-model 大家都會用，但先來試試這三題： 多個 ch...
昨天終於用 TypeScript 寫出了 Quick Sort，今天準備把它放進 Vue，讓排序過程像之前的 Bubble Sort 一樣動起來。 前面實作 Bubble Sort 視覺化時，我已經知...