使用Vue.js 和 semantic-ui 的一个简单TODO List

项目地址: jackeyGao/vue-semantic-todos

这是一个完全仿照官网案例的项目, 主要为了熟悉vue.js的基本用法, 不得不说这个案例能吸收到基本的vue.js 操作.

根据重写此项目可以学到下面几个知识点:

  • 基本的数据绑定语法
  • 计算属性
  • Class 绑定
  • 条件渲染
  • 列表渲染
  • 方法与事件绑定
  • 表单空间绑定
  • 自定义指令

额外还能学习到localStorage的简单用法.可以说通过详细学习此例子可以完成vue.js最基本的入门操作, 完全熟悉不太容易, 主要是感受下vue.js的思想,和正确的使用方式, 后面还需要多写多看.