鐵人檔案
主要透過書籍《TypeScript x Vue.js一氣呵成 前端開發大白到大神》張益琿編著，並輔以網路資源自主學習，首先了解學習 TypeScript 和 Vue.js 前所需具備的基本知識，並循序漸進掌握這兩種工具。學習內容涵蓋 Vue.js 的核心概念，如組件設計、狀態管理、路由配置，並介紹 TypeScript 與 Vue 的整合，提升開發效率與應用的可維護性。期望透過實戰範例，最終學會如何製作出良好的前端頁面，讓我從小白成長為前端開發高手。
V-for指令的高級用法 使用v-for對清單進行迴圈著色後，實際上就實現了對資料物件的綁定，當我們呼叫以下這些函數對清單資料物件進行更新時，視圖也會對應地更...
範例：待辦任務清單 透過前面的學習，接下來嘗試做出一個待辦任務清單應用，功能有展示未完成的任務、新增新的任務及刪除已經完成的任務。 使用HTML架設應用框架...
Vue元件的屬性及方法 之前學的Vue元件，元件資料都放在data選項中，data選項是一個函數，元件在建立時，會呼叫此函數來建構回應式的資料系統。 屬性基...
計算屬性 前面幾天所學的程式中，我們定義的屬性都是儲存屬性，也就是說儲存屬性的值是我們直接定義好的，當前屬性只是具備儲存這些值的作用。 在Vue中還有計算屬性...
計算屬性的賦值 儲存屬性的主要作用是資料的存取，我們可以使用賦值運算進行屬性值的修改。通常計算屬性只用來設定值，不會用來存值，因此計算屬性預設提供的是設定值的...
函數限流 當使用者點擊網頁上某個按鈕後會從後端伺服器進行資料的請求，在資料請求回傳前，使用者持續點擊不僅無效，且浪費，或是當網頁中某按鈕會導致網頁更新， 我們...
表單資料的雙向綁定 雙向綁定是Vue中處理使用者互動的一種方式，文字輸入框、多行文本輸入區域、單選按鈕與多選框等，都可以進行資料的雙向綁定。 文字輸入框...
選擇清單 選擇清單能夠提供一群組選項供使用者進行選擇，可以單選也可多選。 HTML中是使用select標籤來定義選擇清單。 如果是單選的選擇清單，可以直接綁定...
樣式綁定 我們可以透過HTML元素的class屬性、id屬性或直接使用標籤名稱來進行CSS樣式的綁定，其中，最常使用的就是class的方式，進行樣式綁定。 在...
