去年鐵人賽我做了一個任務管理系統來練後端,今年決定延續這個作品,挑戰把前兩週學到的 Vue 3 知識整合到一個實際的小專案。這不只是 CRUD,而是希望在一個小...
昨天把元件溝通規範統一後,今天我也沒有急著加新功能,而是把整個 App 的起跑順序做理清,在正確時機載入資料、加上 Skeleton 骨架、把語言/主題/任務的...
在專案的初期,任務清單只要「能新增」就算成功,但當功能一個個堆疊上去,漸漸地開始發現另一個問題——使用者會輸入空白、亂貼字、重複建立任務,甚至在輸入法還沒選完字...
隨著專案功能越來越複雜,若在模板裡塞進一堆運算式,畫面會變得雜亂難懂,也不好維護。Vue 提供了 computed 和 watch,一個幫你「自動算值」,一個幫...
今天要繼續來學習有關 watcher 的用法
一次性的監聽器
加上 once: true 之後 watch 便只會觸發一次
<script setup&g...
元件中資料與事件的傳遞
在元件上使用v-model指令
我們通常將v-model稱為Vue中的雙向綁定指令,即對可互動使用者輸入的相關元素來說,使用這個指令可...