All Projects → maxwelldu → vue-todolist

maxwelldu / vue-todolist

Licence: other
基于Vue的TodoList示例,麻雀虽小,五脏俱全

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to vue-todolist

Firetodo
Simple Todo Application using SwiftUI / Firebase / Redux.
Stars: ✭ 250 (+861.54%)
Mutual labels:  todolist
tdls
command-line Todo-list & Tech-blogging Service
Stars: ✭ 19 (-26.92%)
Mutual labels:  todolist
ugly-todo
Just an Ugly To-Do app that I wanted to develop.
Stars: ✭ 35 (+34.62%)
Mutual labels:  todolist
todo list rust
Simple Ncurses Todo List ☑
Stars: ✭ 19 (-26.92%)
Mutual labels:  todolist
webtodotxt
Web-based GUI to manage a Todo.txt file
Stars: ✭ 30 (+15.38%)
Mutual labels:  todolist
To-Do App
A Simple To-Do App With Js
Stars: ✭ 21 (-19.23%)
Mutual labels:  todolist
Todolist flutter
🎓Flutter TodoList tutorial
Stars: ✭ 225 (+765.38%)
Mutual labels:  todolist
go-todo-backend
Go Todo Backend example using modular project layout for product microservice.
Stars: ✭ 177 (+580.77%)
Mutual labels:  todolist
SpringBoard
BaseCamp clone | Backend: Ruby on Rails | Frontend: React with Redux
Stars: ✭ 18 (-30.77%)
Mutual labels:  todolist
vuejs-workshop
Repositório responsável pelos workshops de Vue.js com Azure App Service
Stars: ✭ 23 (-11.54%)
Mutual labels:  todolist
TodoList
Simple todo-list app built with asp.net core mvc
Stars: ✭ 102 (+292.31%)
Mutual labels:  todolist
CleanToDO
A Cleaner To-Do manager for Android, made with Flutter and ❤️
Stars: ✭ 21 (-19.23%)
Mutual labels:  todolist
liuye
柳叶清单开放 API 文档
Stars: ✭ 32 (+23.08%)
Mutual labels:  todolist
bluerobin
a simple task manager
Stars: ✭ 27 (+3.85%)
Mutual labels:  todolist
taro-weapp
🎮一款提供餐桌,酒桌上小游戏的小程序。
Stars: ✭ 28 (+7.69%)
Mutual labels:  todolist
To Do
一个无后端待办事项应用,数据用 LeanCloud 进行同步。
Stars: ✭ 238 (+815.38%)
Mutual labels:  todolist
Todo-List
✔️ Create to-do lists to easily manage your ideas and work.
Stars: ✭ 30 (+15.38%)
Mutual labels:  todolist
jot
Jot stuff down without messing up your workspace!
Stars: ✭ 15 (-42.31%)
Mutual labels:  todolist
flutter-todo-list-tutorial
✅ A detailed example/tutorial building a cross-platform Todo List App using Flutter 🦋
Stars: ✭ 60 (+130.77%)
Mutual labels:  todolist
Trello-
🏷️看板、todolist、trello、vue
Stars: ✭ 22 (-15.38%)
Mutual labels:  todolist

vue-todolist

基于Vue的TodoList示例,麻雀虽小,五脏俱全

技术栈

Vue + localStorage + hash

功能描述(使用说明)

  • 添加备忘录(输入标题后回车添加,如果内容为空或只有空格会清空,什么都不添加)
  • 删除备忘录(点击标题后面的叉)
  • 完成备忘录(点击标题前面的复选框)
  • 编辑备忘录(双击标题进入编辑模式)
  • 取消编辑备忘录(按ESC或者失去焦点时)
  • 完成编辑备忘录(按回车键完成[如果内容为空的时候会自动删除],此时也会调用到失去焦点事件)
  • 一键完成所有备忘录(点击第一行的复选框)
  • 过滤任务,显示全部,未完成,已完成的备忘录(点击全部,未完成,已完成按钮)
  • 清空已完成备忘录(点击清空已完成)

Vue相关知识点练习:

  • el选项挂载DOM
  • 属性
  • 计算属性(get,set)
  • 属性观察
  • 方法
  • 指令
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].