本书缘起

这个教程，是根据我公司过去两年多的实际项目经验写的。

我从2016年经营自己的软件公司。 到2018年6月，我们做了近三十个项目。 这些项目中，对于手机端的web的呼声很高。大部分都要求在手机端使用web打开。

在使用Vuejs之前， 我考察过Angular（包括1.x, 2.x 版本)， React，Meteor，这几个框架都不行。

要么是学习曲线陡峭，概念复杂，把简单的事情复杂化（例如Angular），

要么就是编码风格不好，前后端代码混写一起，（例如React, Meteor)

而Vuejs是当时在stackoverflow等国外技术站点上被一致看好的技术。

第一次使用是在2016年4月。 Vuejs 1.x的时候。 我们发现入门特别快，稍微有一定web开发经验的程序员，在一周内就可以上手做项目，认真学习的话，一个月就可以达到熟手水平（快速的开发项目）， 两三个月左右就可以达到高级水平（熟练使用Vuex, 自己写component等）

这么快的上手速度，在其他语言中是不可想象的。 根据我的实际体会， 使用Angular 入门需要一个月。 使用React入门速度也没有这么快。

总之，越是简洁的框架，就越好学。

后来我们在项目中使用它，一发不可收拾。 只要是个h5项目，就可以很好的用起来。 快速开发，快速迭代，性能杠杠的。

而且，额外的好处，是可以非常好的跟Native App的开发结合。在IOS上可以做到完美呈现， 让人无法分辨哪个页面是原生，哪个页面是H5做的。

学习目标

本教程是我公司的员工培训教程，可以在极短的时间内(例如一周)让人上手Vuejs项目。 让人：

  1. 看得懂代码
  2. 可以写一些基本的功能
  3. 可以调试, 部署

这就算入门H5开发了。

使用说明

如果世界上文档分成两类：

  • guide, 教程型文档。
  • api, 接口型文档.

本文档就是入门的教程型文档。 在线查看地址：http://vue_book.siwei.me/

本教程的代码，都来源于这个demo: https://github.com/sg552/vue_js_lesson_demo

以及： code_example 目录。

本书使用gitbook写就，可以自行编译, (安装环境和编译命令，参考：http://siwei.me/blog/posts/gitbook-gitbook)

本书中的出现的命令行，都统一以 $ 作为开始， 例如： 

  1. $ npm install vue-cli

各位对命令行不熟悉的同学，记得在敲命令的时候，跳过最前面的 $ 即可.

版本说明

截止到2016年6月底， Vuejs的版本是 2.5.16. 本书中的大部分例子都是在该版本下演示的。

如果您是一名没有任何工作经验的新人，在windows 环境下，建议使用 sublime(免费) + git bash (免费) ，就可以运行本书中的所有例子了。

如果您是一名有工作经验的老鸟，那么Linux, Mac则是非常好的选择~

那么，我们开始一段的令人兴奋的学习历程吧！