《Vue.js实战》 笔记

项目起源

最近有时间研读了Aresn的《Vue.js实战》一书，收获颇丰。感觉是学习Vue的书籍里比较好的一本书了。在此做些笔记备忘。

关于本书 中有说明，示例代码已经存放在了github上,里边有购买途径和已知勘误。但进去发现代码是从"实战篇"开始有的。"基础篇"和"晋级篇"的代码并没有。
大胆猜测没有的原因一个是因为前期并没有结合前端工程化，代码还比较简单。另一个就是作者希望我们能自己敲一遍代码，加深对Vue的学习。 但对于Vue新手，甚至是前端新手，有时可能还是需要全部代码的。所以在笔记中加入了书中几乎所有代码供有需要的参考。另随着时间的迁移，或许有些技术点会发生改变，书中以webpack2为例。笔记项目中采用webpack4可直接npm install 跑通后几章代码。但毕竟一人精力和能力有限。所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。

项目目录结构

• vue-combat-book ----- Vue.js实战
  • vue01 ----- 初识vue.js
  • vue02 ----- 数据绑定
  • vue03 ----- 计算属性
  • vue04 ----- v-bind及class与style绑定
  • vue05 ----- 基本指令
    • shopping_trolley ----- 开发购物车小功能
  • vue06 ----- 表单域v-model
  • vue07 ----- 组件详解
    • label_page ----- 标签页组件
    • input_box ----- 数字输入框组件
  • vue08 ----- 自定义指令
    • menu ----- 从外部关闭的下拉菜单
    • v-time ----- 开发实时时间转换v-time
  • vue09 ----- render函数
    • sort_form ----- 可排序表格组件
    • message_list ----- 留言列表
  • vue10 ----- 使用webpack
    • demo ----- demo代码
    • README10 ----- 第十章笔记
  • vue11 ----- 插件
    • router ----- router代码
    • vuex ----- vuex代码
    • vue-bus ----- vue-bus代码
    • README11 ----- 第十一章笔记
  • vue12 ----- iView经典组件剖析
    • README12 ----- 第十二章笔记
  • vue13 ----- 知乎日报项目开发
    • daily ----- daily代码
    • README13 ----- 第十三章笔记
  • vue14 ----- 电商网站项目开发
    • shopping ----- shopping代码
  • vue15 ----- 相关开源项目介绍
    +README15 ----- 第十五章笔记
  • README ----- 项目介绍

项目文件百度网盘

项目代码 + 《Vue.js实战》电子版zip
书籍电子版已删除，项目代码
PS:强烈建议购买正版书阅读，另外对着屏幕总是比看书费眼睛吧。

2018/11.01更新：
修改vue01-vue10部分文件代码
新增vue-devtools工具,如何安装有人写的文章很清楚了,戳这里
新增简单的在webpack4.23.1下对vue2.5.17的搭建

2018/11.13更新：
新增vue+vue-router+vuex做的移动端小答题页面