码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js基础篇实战--一个ToDoList小应用

时间:2016-12-11 23:17:06      阅读:732      评论:0      收藏:0      [点我收藏+]

标签:target   todolist   tps   隔离   布局   开始   alt   github   自己的   

距离开始学Vue已经过去一个多月了,总想把学到的东西柔和在一起,做点东西出来,于是有了这个Todolist小应用。

主要功能就是把一天要做的事情记录下来,还实现了:

  1. 标记完成事件
  2. 删除已完成事件
  3. 各种排序
  4. 仅显示未完成的项目
  5. 本地保存

截图看这里

技术分享

用时一周,14次commits,把心中的构想基本实现了。详情请看:这里

整个过程下来,收获还是很多的,

1.对mvvm有了进一步的理解,

2.对css布局有了更多的了解。

3.更进一步理解了Vue的事件和组件机制。这些机制将应用解耦,每一部分都隔离出来。

4.在一步步优化代码的过程中,对模型这里是todos的优化,对模板的优化积累了经验。

5.学会使用git;

一旦你开始一个小项目,你的学习方式就变成了问题驱动的学习,之前感觉自己OK的或者忽略了的,会在这个过程中一点一点暴露出来。解决了一个问题或者优化了一个结构会收获一种满足,同时也巩固了自己的知识。

这里主要用到Vue指南里的基础篇的知识,涉及进阶篇中的过渡效果,适合初学者巩固基础知识,欢迎fork和拍砖;

 

Vue.js基础篇实战--一个ToDoList小应用

标签:target   todolist   tps   隔离   布局   开始   alt   github   自己的   

原文地址:http://www.cnblogs.com/imgss/p/6160861.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!