AllenMinD / Todo-list-2.0

Todo List2.0版本(power by Vue.js)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Todo-list-2.0

Todo List2.0版本(power by Vue.js)

这是用Vue.js做的Todo List的2.0版本,主要目的是作为练习项目,用来巩固Vue基础。

这个版本增加了一下新特性:

  1. 增加了基于Firebase的用户系统和数据库。现在可以进行登录注册,而且可以把代办事项上传到服务器进行保存。
  2. 把原来的一般代办事项,细分为:重要紧急事项、重要不紧急事项、紧急不重要事项和不重要也不紧急事项。

本项目主要应用了以下特性:

  • Vue.js基本特性:v-if、v-for、v-model、v-bind、v-on、data、computed等
  • 组件(component)
  • 动画(Animation)
  • Vue-router:控制跳转、组件渲染、守卫
  • Vuex:数据(状态)的存取
  • Axios:向服务器发请求

预览

由于Firebase会出现一些延迟,所以有时候数据渲染会有错误。。。(有空再来修改一下)

About

Todo List2.0版本(power by Vue.js)


Languages

Language:Vue 58.3%Language:JavaScript 40.2%Language:HTML 1.5%