鐵人檔案
繼上屆自我挑戰完JavaScript後，這次決定進一步從框架下手，剛好目前工作上使用了Vue，雖然已經使用一陣子了，但整體對前端框架以及CSS的應用還是不太熟悉，又到了強迫自己每天學習的時候了，走起!
v-on 監聽DOM並進行觸發v-on: -> 簡寫 @ v-on:click="xxx" @click="xxx"...
v-model 進行資料雙向綁定，依據監控類型自動選擇正確方式更新元素。常用於表單: <input> // 單行輸入框 <textarea&g...
組件 可重複使用的實例，有自己的名子，引入後當元素使用。Data 透過 return 定義為函數 -> 每個實例各自維護不互相影響 直接 new Vue...
組件中經過引用、連接，會產出樹狀關係圖，即為父元件與子元件的關係。-> 父子元件中不存在繼承關係，也互相獨立，無法直接進行互相修改。 官網示意圖 prop...
emit 監聽子組件父組件: 透過v-on監聽子組件事件子組件: 透過$emit傳遞事件名稱 直接觸發指令 子元件於觸發點定義事件名稱do-emit <b...
slot 在子元件(內層)中預留空間，由父元件(外層)設定、分配內容。子元件本身對slot無控制權子元件可對slot內容進行預設 Fallback Conten...
Event Bus 前面提到了父子元件透過emit & prop進行參數傳遞，當樹狀結構逐漸複雜時，在傳遞上複雜度也越來越高。ex: 兩個子元件互相傳遞...
Vuex 狀態管理 前面提到了Event Bus可以做到全域的事件監聽管理，但當系統逐漸擴張，這些狀態也越來越繁雜，這時後即可透過vuex(store，可視為一...
State 定義狀態 store.js state: { // 待辦事項 todoList: ["待辦事項A", "...
Mutation 提交mutation，是更動state的唯一方法，並以state為第一個參數。包含事件類型(type)、回調函數(handler)，不可直接調...
