脚本宝典收集整理的这篇文章主要介绍了

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

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。
<p><code></p> <p>我是一名光荣的前端工程师,一直从事web前端的开发工作。当时可以说是零基础入门,之前因为前端的html、css、js比较好学,所以也愚蠢的认为web前端很简单,很没有技术含量。当然不仅我自己这么认为,公司的一些后台的同事也自认为在你面前也高你一等,让我很不舒服。但是;自从我接触了<a href="http://www.js-code.com/tag/vue" title="Vue" target="_blank">Vue</a>,我才真正走进了前端的大门。</p> <p>在这里为什么要这么吹<a href="http://www.js-code.com/tag/vue" title="Vue" target="_blank">Vue</a>呢,因为它带给前端无限的可能和改变,下面说说我的理解,欢迎来喷。</p> <p><strong>改变一:有了前端工程师,而不是随便一个会点html的美工就能跟你抢饭碗!</strong><br />为什么这么说呢?之前开发都是前端做静态页面,把页面给到后台程序员改成jsp、php、asp等等...一顿乱改,一顿塞变量,做完以后页面样式乱七八糟,最后你再调整css。说白了你会html,css就行了,基本没什么门槛,可以这么说。</p> <p><strong>改变二:服务端渲染-&gt;客户端渲染</strong><br />传统的jsp、php或是模板渲染也好,都是服务端渲染,就是客户端一个请求,服务器直接把整个页面返回给你,简单粗暴。但是vue开发是前后端分离开发,通过api进行交互,客户端请求服务器返回json数据,由客户端进行渲染。不仅减轻了服务器的压力速度更快而且渲染更加优雅,代码更容易维护。</p> <div class="google-auto-placed ap_container" style="text-align: center; width: 100%; height: auto; clear: none;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-6330872677300335" data-adsbygoogle-status="done" style="display: block; margin: auto; background-color: transparent;"><ins id="aswift_4_expand" style="display: inline-table; border: none; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 697px; background-color: transparent;"><ins id="aswift_4_anchor" style="display: block; border: none; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 697px; background-color: transparent; overflow: hidden; opacity: 0;"><iframe width="697" height="175" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_4" name="aswift_4" style="left:0;position:absolute;top:0;border:0px;width:697px;height:175px;"></iframe></ins></ins></ins></div> <p><strong>改变三:渲染优雅,代码易维护</strong><br />jquery是通过<a href="http://www.js-code.com/tag/dom" title="DOM" target="_blank">DOM</a>来控制数据,不仅笨重而且渲染数据特别麻烦,除了text() html() append(),就没了,而 <a href="http://www.js-code.com/tag/vue" title="浏览关于“Vue”的文章" target="_blank" class="tag_link">Vue</a>是通过数据来控制状态,通过控制数据来控制渲染,变量可以直接写在html中,渲染更加优雅。因为前端代码和后台代码都是分开的,所以项目更容易维护,开发效率更高。<br />改变四:项目工程化,结合npm直接安装第三方库<br />Vue让前端项目更加工程化,同时也规范了前端工程师的代码,而<a href="http://www.js-code.com/tag/node" title="node" target="_blank">node</a>和npm的加入才是vue能蓬勃发展的重要原因,<a href="http://www.js-code.com/tag/node" title="浏览关于“node”的文章" target="_blank" class="tag_link">node</a>为vue提供了本地server和模块化开发的思路,npm更能安装vue项目需要的模块,配合vue使用,比如Moment.js Element ui vuex等等,这些第三方库让Vue有了无限的可能。</p> <p>待补充</p> <p></code></p>

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过