6/28 vue.js 幼幼班起手式 - Quip

6/28 vue.js 幼幼班起手式

範例

第一關 - 感受資料與介面綁定的威力

資料綁定
傳統寫法
環境設定：字串符模版
data：資料綁定
console.log 變更數值，dom 也會跟著變更
觀念補充
el - 哪個範圍需要有 vue 的功能
data - 資料綁定

第二關 - 指令(Directives)

指令(Directives)
v-if、範例二
v-model：雙向資料綁定
v-for：陣列資料呈現
v-on：搭配 methods

第三關 - 實作小作品

todolist
this、this 範例二、說明
this 是執行 function 時的對象
indexOf - 判斷第一個相符的陣列元素
新增、刪除 todo 資料
完成 todo
小作業
多一顆按鈕：全部做完
顯示條件：全部顯示、已處理、未處理
官網介紹生命週期、生命週期