聲明：項(xiàng)目為開(kāi)源項(xiàng)目，不能用于商業(yè)應(yīng)用冤议，僅供學(xué)習(xí)。
在線查看： https://boloog.github.io/vue-todolist/
GitHub地址： https://github.com/boloog/vue-todolist/
使用終端
git clone git@github.com:boloog/vue-todolist.gitnpm iwebpackopen index.html
相關(guān)技能
-
vue.js基礎(chǔ)功能實(shí)現(xiàn) -
HTML5+CSS3實(shí)現(xiàn)頁(yè)面布局和動(dòng)態(tài)效果 -
webpack自動(dòng)化構(gòu)建工具，編譯js代碼
實(shí)現(xiàn)的功能
- 使用 LeanCloud 的免費(fèi)服務(wù)來(lái)存儲(chǔ)所有數(shù)據(jù)
- 可注冊(cè)
- 可登錄
- 可登出
- 操作代辦事項(xiàng)（添加央渣，刪除）
vue 指令使用
-
v-cloak隱藏未編譯的Mustache標(biāo)簽直到實(shí)例準(zhǔn)備完畢 -
v-if v-else渲染條件塊 -
v-for列表進(jìn)行渲染 -
@click點(diǎn)擊事件 -
:value綁定 value 的值 -
v-model對(duì)于單選按鈕，勾選框及選擇列表選項(xiàng) 使用在<input>,<select>,<textarea>這些表單元素上 -
:class綁定 class 屬性 -
@submit.prevent表單提交 -
@keypress.enter鍵盤(pán) enter 事件 -
:class="todo.done ? 'class-show' : 'class-hide' "三元表達(dá)式,根據(jù)條件切換列表中的 class -
transition過(guò)渡效果
覺(jué)得還行的話可以點(diǎn)下喜歡渴频，你的喜歡是我繼續(xù)創(chuàng)作的動(dòng)力芽丹，非常感謝！２防省拔第！
有什么疑問(wèn)或問(wèn)題咕村，歡迎大家評(píng)論區(qū)指出。
