鐵人檔案
儘管我曾經完成過 Vue 的 side project（寵物用品電商網站），但內心總感覺對於框架的理解仍有許多不足。遇到問題時，或許我能想到某種解決方案，但卻無法靈活應對各種情境。因此，在這次的挑戰中，我計畫根據 Vue 官網的脈絡，逐步梳理每個章節的核心概念，並補充相關的實作練習。希望藉由這個過程，不僅能夠強化自己的 Vue 技能，也能幫助那些想進一步瞭解或嘗試學習 Vue 的人。
目錄 v-for 基本使用 v-for 就地更新 - 使用 key 的重要性 v-for 指令參數介紹 v-for 指令結合 template 標籤及計算屬...
目錄 事件監聽類型說明 內聯事件處理器傳遞自定義參數跟 javaScript Event 物件傳遞 修飾符 - 減少使用者處理 DOM 事件細節 事件修飾符...
目錄 表單輸入語法糖 - v-model v-model 純文字輸入 - input type="text" & textare...
目錄 核心生命週期鉤子 Options API 中的響應式狀態延遲更新 - 使用 $nextTick 確保 DOM 同步 errorCaptured - 錯...
目錄 watch 基本使用方式 watch 深層監聽器 - deep option watch 立即執行的監聽器 - immediate option wa...
目錄 ref 屬性搭配第三方 Boostrap Modal 使用 ref 屬性搭配 Video Web API 使用 v-for 搭配陣列儲存 ref 屬性...
目錄 定義組件的兩種方式 - SFC 單文件組件與 CDN 版本 組件註冊的兩種方式 - 全域註冊與區域註冊 結論 在 Day 5 我們提到可以將應用...
目錄 props 基本用法 props 單向資料流 - 組件之間的溝通方式 props 子組件應用情境說明 props 傳值類型 - 靜態傳值 vs 動態傳...
目錄 子組件將值透過事件發送回傳父組件 - 基本用法 emits 聲明驗證方式 emits 多參數驗證方式 結論 子組件將值透過事件發送回傳父組件 -...
目錄 組件 v-model 前原理說明 父組件透過 v-model 與子組件雙向綁定數據 子組件透過計算屬性實現 v-model 雙向綁定 組件 v-mod...
