非常适合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官方建议的规范去写,个人感觉代码规范性上还是不错的……(不要喷我哦……)
这个项目有很多练手的扩展性
利用
local Storage
去缓存数据,持久化到本地。在后端加
mongo
或者`mysql。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。