/todosList

使用vue+webpack+leancloud-storage(后台)制作一个在线todoslist

Primary LanguageJavaScript

Todos List

一个在线的todoslist小应用(vue+webpack+leancloud-stroage做后台)


任务一:webpack

学会使用模块加载器:webpack

任务一链接


任务二:Vue.js简单上手

使用vue.js在页面展示一个'Hello vue!''

任务二链接


任务三:一个简单的todo小demo

使用vue.js实现以下功能:

1、用户可以新建一个待办事项 2、用户可以删除一个待办事项 3、用户可以将一个待办事项标记为已完成 4、用户刷新页面之后,待办事项还在

任务demo

效果预览


任务四:使用leancloud-storage的登录与注册API

使用leancloud-storage的API,做一个需要注册和登录才可使用todo功能的demo;

任务demo

效果预览


任务五:使用leancloud-storage的数据存储API

将todoList保存在leancloud-storage上,每次登录显示用户名,刷新页面还会保持登录状态,并且todoList也存在

任务demo

效果预览