Vue.js快速入门

与传统的Web应用不同，单页应用在近几年发展迅猛。国外的典型产品是Gmail，为传统的Web页面注入了意想不到的活力，国内则是由于微信的迅猛发展，单页应用在手机端表现性能十分优异，使用越来越流行。
目前来看，Vue.js作为极其耀眼的项目之一，学习起来快速直接，受到国内开发人员的推崇，许多知名应用也纷纷使用本框架。可以认为，Vue.js框架直接冲击了老牌的Angular和React，是未来的主流单页应用框架。 

目前单页应用框架层出不穷，其中Vue.js是十分耀眼的项目之一，受到国内外开发人员的极度推崇。
全书分为8章，内容包括Vue.js概述、Vue.js的安装、定义页面、渲染视图、路由、发送HTTP请求、表单的绑定和提交、打包、部署、解决js的跨域问题、Debug、Component、Mixin、Vuex、页面的生命周期等，*后还给出一个实战案例供读者了解Vue.js项目开发过程。
本书适合Vue.js初学者、Web前端开发人员，也适合高等院校和培训学校的师生教学参考。

申思维，软件行业老兵。stackoverflow.com分数13k，排名前3%。2001~2005年本科就读于华南理工大学计算机学院软件技术专业，毕业后在北京工作，经历了人力外派、私企、中等规模外包公司、外企和国内互联网知名企业。

前  言

本书是根据笔者公司过去两年多的实际项目经验编写的。
笔者从2016年经营自己的软件公司，到2018年6月，做了近三十个项目。这些项目中，对于手机端的Webpack呼声，大部分项目都要求在手机端使用Webpack打包。
在使用Vue.js之前，笔者考察过Angular（包括1.x、2.x版本)、React、Meteor，这几个框架都适合做快速开发。要么是学习曲线陡峭，概念复杂，把简单的事情复杂化（如Angular），要么就是编码风格不好，前后端代码混写在一起（如React、Meteor)。而Vuejs是当时在stackoverflow等国外技术站点上被一致看好的技术。
次使用Vuejs 1.x是在2016年4月，我们发现Vue.js入门特别快，稍微有一定Webpack 开发经验的程序员，在一周内就可以上手做项目，认真学习的话，一个月就可以达到熟练水平（快速的开发项目），两三个月就可以达到高级水平（熟练使用Vuex，自己写Component等）。这么快的上手速度，在其他语言中是不可想象的。根据笔者的实际体会，使用Angular入门仅需要一个月，使用React入门速度也没有这么快。总之，越是简洁的框架，就越好学。
后来，笔者在项目中使用它，一发不可收拾，只要是H5项目，就可以很好地用起来。快速开发，快速迭代，性能“杠杠”的。而且，额外的好处就是可以非常好地与Native App的开发结合。在iOS上可以做到完美呈现，让人无法分辨哪个页面是原生，哪个页面是H5制作的。
学习目标
本书是笔者公司的员工培训教程，可以在极短的时间内（如一周）上手Vue.js项目。 让读者：
?    看得懂代码。
?    可以写一些基本的功能。
?    可以调试和部署。
这就算入门H5开发了。
使用说明
如果把文档分成两类：
?    guide，教程型文档。
?    API，接口型文档。
本文档就是入门的教程式文档，在线查看地址为http://vue_book.siwei.me/。
本书使用gitbook写成，可以自行编译（安装环境和编译命令可参考http://siwei.me/blog/
posts/gitbook-gitbook）。
本书中出现的命令行统一以$作为开始。例如：
$ npm install vue-cli
对命令行不熟悉的读者，在写命令时跳过前面的 $ 即可。
源代码下载
本书中所有的示例源代码，都可以在https://github.com/sg552/happy_book_vuejs上找到。
版本说明
截至2018年6月底，Vue.js的版本是2.5.16。本书中的大部分示例都是在该版本下演示的。
如果您是一位没有任何工作经验的新人，在Windows 环境下，建议使用 sublime（免费） git bash（免费），就可以运行本书中的所有例子了。如果您是一名有工作经验的老鸟，那么Linux、Mac则是非常好的选择。
那么，我们就开始一段令人兴奋的学习历程吧。
编  者
2018年9月