一个简单的 TODO 项目来练习 ES6 和 Vue

希望读者可以通过一个简单的 TODO 项目来练习 ES6 和 Vue,全部代码算上注释和空行一共160行左右,几乎涵盖了常用的 ES6 语法,如果能全部理解,基本上能胜任一般的 ES6项目。


TODO.gif

克隆项目

项目地址

安装环境

  • node 版本需要大于 7.0
  • 给 npm 设置 taobao 的 registry
npm install --registry=https://registry.npm.taobao.org

启动项目

# 安装依赖
npm i

# 启动项目 localhost:3000
npm start

学习思路

  • 先不要着急去看 App.vue 里的源码,启动项目看到效果后,先自己手动实现
  • 自己实现后,再对比源码
  • 理解 App.vue 里的每一行代码

参考资料

  • 书籍:《ES6 标准入门》第三版
  • 视频教程:《Promise 入门》
  • 视频教程:《Vue2.5开发去哪儿网App 从零基础入门到实战项目》(需付费)

如何提问

  • 如果你遇到问题,可在 GitHub issues 里提问

你可能感兴趣的:(一个简单的 TODO 项目来练习 ES6 和 Vue)