vue-todolist 实践

声明：项目为开源项目，不能用于商业应用，仅供学习。

在线查看： https://boloog.github.io/vue-todolist/
GitHub地址： https://github.com/boloog/vue-todolist/

使用终端

• git clone git@github.com:boloog/vue-todolist.git
• npm i
• webpack
• open 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 过渡效果

觉得还行的话可以点下喜欢，你的喜欢是我继续创作的动力，非常感谢！！！

有什么疑问或问题，欢迎大家评论区指出。