一个简单的 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 里的每一行代码

参考资料

如何提问

  • 如果你遇到问题,可在 GitHub issues 里提问
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,020评论 25 708
  • 大家好,我是咖啡狗,也可以叫我二哥,距离上次的文章更新已有近一个月的时间,实在抱歉,3月底咖啡狗刚参加完每年一届的...
    一只咖啡狗的自白阅读 1,970评论 3 53
  • 蒹葭苍苍,白露为霜, 所谓伊人,在水一方。 溯洄从之,道阻且长, 溯游从之,宛在水中央。 ——《诗经秦风》 当我登...
    放羊的阅读 3,351评论 0 7
  • 阿甘曾说过,妈妈告诉我:生活就像一盒巧克力,你永远不知道自己会得到什么。 对呀。 谁敢说明天会遇到什么?自己会得到...
    十里不如你阅读 1,069评论 0 1
  • 一个人,一座城,一种生活。 习惯了没有,习惯了空白。 “春风一吹想起谁, 有所谓无所谓, 只要不后悔…… 春风一吹...
    幼稚丸丸丸子阅读 313评论 0 0