探讨一下Vue和以前的jQuery两大框架的的区别

我是一名前端工程师，刚开始入门时接触js然后jQuery，jQuery像一把剪刀一样；简单而犀利，通常是配合一些框架完成一些静态页面开发的工作，但是个人感觉单纯的jQuery不能拯救前端工程师，因为jQuery的诸多局限性导致前端工程师的发展受到了很多的限制，只能做一些表面性的工作，并不能实现前后端分离开发。因此本章要讲的是前端三大框架之一的Vue给前端带来的不同之处。

在这里为什么要这么吹Vue呢，因为它带给前端无限的可能和改变，下面说说我的理解，欢迎来喷。

改变一：有了前端工程师，而不是随便一个会点html的美工就能跟你抢饭碗！
为什么这么说呢？之前开发都是前端做静态页面，把页面给到后台程序员改成jsp、php、asp等等...一顿乱改，一顿塞变量，做完以后页面样式乱七八糟，最后你再调整css。说白了你会html，css就行了，基本没什么门槛，可以这么说。有了Vue和Node的前端工程化以后，前端工程师能做的事情越来越多，后台人员只需要抛过来一个Api，剩下的就可以都交给前端了

改变二：服务端渲染VS客户端渲染
传统的jsp、php或是模板渲染也好，都是服务端渲染，就是客户端一个请求，服务器直接把整个页面返回给你，简单粗暴。但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。

当然客户端渲染面临一个首屏加载慢的问题，服务端渲染则刚好能解决这个问题，因此现在ssr并没有没落，一个项目更好的技术选择才是王道。

改变三：渲染优雅，代码易维护
jQuery是通过DOM来控制数据，不仅笨重而且渲染数据特别麻烦，而 Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。因为前端代码和后台代码都是分开的，所以项目更容易维护，开发效率更高。
改变四：项目工程化，结合npm直接安装第三方库
Vue让前端项目更加工程化，同时也规范了前端工程师的代码，而node和npm的加入才是vue能蓬勃发展的重要原因，node为vue提供了本地server和模块化开发的思路，npm更能安装vue项目需要的模块，配合vue使用，比如Moment.js Element ui vuex等等，这些第三方库让Vue有了无限的可能。

改变四：跨平台

随着前端技术水平的越来越高，跨平台这件事儿已经变得越来越靠谱，从之前的react native 到现在的weex和uniapp，许多大厂越来越倾向基于Vue的更高级框架开发，uniapp是我们公司一直使用的框架之一，它基于Vue语法，不仅能编译小程序、H5还能一套代码编译成原生App，未来跨平台的趋势是必然的，学好Vue等于做好了准备！

适应时代的发展，不断学习新技术是前端功能实必备的技能，希望大家都能砥砺前行，越来越好！