探讨一下Vue和以前的jquery开发的区别

我是一名光荣的前端工程师,一直从事web前端的开发工作。当时可以说是零基础入门,之前因为前端的html、css、js比较好学,所以也愚蠢的认为web前端很简单,很没有技术含量。当然不仅我自己这么认为,公司的一些后台的同事也自认为在你面前也高你一等,让我很不舒服。但是;自从我接触了Vue,我才真正走进了前端的大门。

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

改变一:有了前端工程师,而不是随便一个会点html的美工就能跟你抢饭碗!
为什么这么说呢?之前开发都是前端做静态页面,把页面给到后台程序员改成jsp、php、asp等等...一顿乱改,一顿塞变量,做完以后页面样式乱七八糟,最后你再调整css。说白了你会html,css就行了,基本没什么门槛,可以这么说。

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

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

待补充

相关推荐