v-if 和 v-show區(qū)別
v-if
····· true 渲染DOM
·····false 不渲染DOM
v-show
·····true 渲染DOM
···· false 渲染DOM猜拾，不顯示（display: none）
不能和 v-else原朝、v-else-if 結(jié)合使用
一般來說锭碳，v-if 有更高的切換開銷棍丐，而 v-show 有更高的初始渲染開銷。因此褥民，如果需要非常頻繁地切換，則使用 v-show 較好；如果在運(yùn)行時條件很少改變誉尖，則使用 v-if 較好。
遍歷對象 ※
數(shù)組
文本
數(shù)據(jù)驅(qū)動試圖
v-if v-else-if
v-show
vi-if template 一起使用
v-on:click 簡寫 @click
函數(shù)簡寫 click(){}
箭頭函數(shù)的this 指向的是window 解決使用vue實例名
事件參數(shù)對象：處理函數(shù) 有一個事件對象e
事件傳參：在定義事件到的時候傳參 铸题，當(dāng)調(diào)用傳參的時候铡恕，默認(rèn)參數(shù) event就沒有了
函數(shù)默認(rèn)參數(shù) even e事件對象
v-model 獲取表單的內(nèi)容
v-bind-class="{red:true，yellow:false} 簡寫是 ：class="{值：樣式，值樣式}"
" 返回一個布爾值,true顯示，false不顯示梢夯，
可以寫多個類名，1 寫死的 2 動態(tài)的
條件渲染
v-if ：true 渲染 false不渲染
v-show true 顯示 false 不顯示
區(qū)別：
v-if true诀艰，存在與DOM樹中，條件很少改變的時候墙牌，使用v-if
v-show 涡驮，無論真假，都渲染元素 喜滨， 當(dāng)頻繁切換的顯示與隱藏捉捅、
它是一個任務(wù)清單管理，用戶可以在此虽风，標(biāo)明自己將要去做的或者是已經(jīng)完成的任務(wù)
案例：todomvc
裝包todos模板+vue包棒口、引入、實例辜膝、管理誰加id无牵、測試
加樣式：
添加任務(wù)
1、注冊按鍵回車事件
2厂抖、在事件處理函數(shù)中
拿到文本框的數(shù)據(jù)
添加到數(shù)組中
清空文本框
案例：todomvc
裝包todos模板+vue包茎毁、引入、實例忱辅、管理誰加id七蜘、測試
加樣式：
添加任務(wù)
1、注冊按鍵回車事件
2墙懂、在事件處理函數(shù)中
拿到文本框的數(shù)據(jù)
添加到數(shù)組中
清空文本框
詳細(xì)的功能有：
①增加 / 刪除一個任務(wù)
②編輯任務(wù)
③查看（所有的橡卤、未完成的、已完成的）任務(wù)
④顯示未完成任務(wù)的數(shù)量
⑤清空完成的任務(wù)
⑥改變?nèi)蝿?wù)的轉(zhuǎn)態(tài)（未完成轉(zhuǎn)態(tài)损搬，與碧库，已完成轉(zhuǎn)態(tài)柜与，兩個轉(zhuǎn)態(tài)直接的轉(zhuǎn)換）
