第1章 Vue.js概述

1.1 单页应用的出现

随着移动电话的普及和微信的流行，很多的Wap（H5）应用也随之出现了，如微店、微站各个App中包含的H5页面。

手机的硬件特点有：

•硬件设备差。同主频的手机CPU性能往往是台式机的十分之一（手机的供电与台式机设备相差很远）。

•网络速度慢。4G网络在很多时候下载速度只有几百KB，打开一个微信中的网页可能也要很久。

因此，使用传统的Webpack技术开发的网页，在手机端的表现往往特别差。传统技术的特点是：

•单击某个链接/按钮，或者提交表单后，Webpack页面整体刷新。

•js/css的请求往往很多，过百是很常见的事情。

每次页面整体刷新，都要导致浏览器重新加载对应的内容，特别“卡顿”。另外，加载的内容也很多。很多传统页面的css/js多达上百个，每次打开页面都需要发送上百次请求。如果页面中包含websocket等内容，打开速度就会更慢。

苹果的机器表现还好，iOS设备打开Web页面速度很快，Android设备则大部分都很慢。这个是由手机设备操作系统、软件及智能硬件决定的。

单页应用（Single Page App，SPA）体现出了其强大的优势。

•页面是局部刷新的，响应速度快，不需要每次加载所有的js/css。

•前后端分离，前端（手机端）不受（服务器端的）开发语言的限制。

越来越多的App采用SPA的架构。如果你的项目要用在H5上，那么一定要使用单页应用框架，如Angular、React、Vue.js都是很好的框架。

我们在公司实际项目中，都使用Vue.js，效果非常好。开发速度快，维护效率高。

因为本文与官方文档不同，是根据实际项目经验，以培养新人的角度来写的，所以会有以下特点。

•很少使用的技术略过。

•只讲解常见的知识。

•在章节上按照入门的难易度程度从简单到复杂。