Vue.js简介与概述

随着移动电话的普及和微信的流行，很多的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，效果非常好。开发速度快，维护效率高。【B站推荐】Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程包含4套优质VUE练手项目，从零开始入门到精通，一套搞定。_哔哩哔哩_bilibili