鐵人檔案
身為一個程式小菜雞，我決定透過紀錄自己的學習過程來進步。從環境安裝、語法基礎到實作小專案，期望每一天都會留下簡單的筆記與程式碼，讓自己一步一步往前進。考驗能不能做到「持之以恆」這件事，紀錄一個月，讓自己看到努力後的成長。
今天繼續來學習事件處理的方式我們也可以向綁定的 function 傳入自訂的參數eg. <template> <div :class=&q...
若我們想要按下鍵盤觸發某事件，通常會用 handler 的寫法而 Vue 提供了更方便的寫法 event.key = "function"e...
若我們欲使表單輸入框同步給變數值，會使用 v-bind 綁定，再使用 v-on 監聽事件 <input :value="text"...
延續昨日的雙向綁定我們也可以搭配 v-for 來渲染選單的 options <template> <div class="b...
今天要來學習有關 watchers 的觀念，我會將它理解為 onchange 的概念，但傳統的 onchange 指支援監聽 DOM 元素變化，而 watch...
今天要繼續來學習有關 watcher 的用法 一次性的監聽器 加上 once: true 之後 watch 便只會觸發一次 <script setup&g...
雖然在前面已經都有使用過 component 了，但還是想要加強這個部分的理解 元件化觀念 把畫面切成可重複使用的小區塊（積木） 每個元件都有自己的 stat...
延續上一篇 props我們可以傳遞靜態或動態的 props靜態 Props 傳遞的值就會是字串，不會解譯成表達式。 <BlogPost title=&qu...
