分享給 vue 入門練手者的 todo list， 初級入坑必選……

很是適合vue初級入坑的同窗…… 總體結構簡單，清晰明瞭。

主要使用了koa2 + vue 完成的一個基本的todo list。
目前只有基礎的功能， 添加，標記完成，刪除。

git 地址

歡迎star。

https://github.com/tangdaohai/todo-list-vue

先上圖片，gif效果不太好有卡頓……

服務端

沒有使用webpack-dev-server這個插件，我的不太喜歡這種方式。

使用了 koa2 + kao-webpack-dev-middle,kao-webpack-hot-middle 去完成啓動服務與打包文件並熱加載。

vue

兩個模塊一個input，一個list，list使用了vue transition模塊有幾小動畫效果。

兩個模塊經過vuex Store關聯一塊兒。 input commit mutations 給 store。 數據變動後自動觸發 computed 相關的數據進行更新元素。

沒有異步運算或者請求因此未用到action。

頁面使用了flex佈局，我的很是喜歡這個，用起來比較爽。

webpack 相關就不說了……

小結

整個項目雖小，但都是按照vue官方建議的規範去寫，我的感受代碼規範性上仍是不錯的……(不要噴我哦……)

這個項目有不少練手的擴展性

1. 利用local Storage去緩存數據，持久化到本地。

2. 在後端加mongo或者`mysql。

以上,致那顆騷動的心……