声明：项目为开源项目，不能用于商业应用，仅供学习。
在线查看： 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
相关技能
-
vue.js基础功能实现 -
HTML5+CSS3实现页面布局和动态效果 -
webpack自动化构建工具，编译js代码
实现的功能
- 使用 LeanCloud 的免费服务来存储所有数据
- 可注册
- 可登录
- 可登出
- 操作代办事项（添加，删除）
vue 指令使用
-
v-cloak隐藏未编译的Mustache标签直到实例准备完毕 -
v-if v-else渲染条件块 -
v-for列表进行渲染 -
@click点击事件 -
:value绑定 value 的值 -
v-model对于单选按钮，勾选框及选择列表选项 使用在<input>,<select>,<textarea>这些表单元素上 -
:class绑定 class 属性 -
@submit.prevent表单提交 -
@keypress.enter键盘 enter 事件 -
:class="todo.done ? 'class-show' : 'class-hide' "三元表达式,根据条件切换列表中的 class -
transition过渡效果
觉得还行的话可以点下喜欢，你的喜欢是我继续创作的动力，非常感谢！！！
有什么疑问或问题，欢迎大家评论区指出。
