vue保存内容到本地_如何看待在Vue.js中使用jQuery?

本文探讨Vue和jQuery的关系,指出Vue作为渐进式框架,与jQuery并不冲突。在项目中,Vue用于数据管理和组件化,而jQuery可处理数据请求和动画,以减少DOM操作提高性能。在旧项目中,两者可并存以避免重构复杂性;而在新项目中,优先选用Vue以保持代码整洁。合理结合两者,可优化项目性能。
摘要由CSDN通过智能技术生成

谈到这个话题首先就要说说Vue的出现,它并不是为了取代jQuery,可能接触过Vue的朋友觉得Vue好用,入门简单,再看官方对它的定义是一个渐进式框架,我对它的理解就是当你需要什么的时候你可以往上加没有什么硬性要求,像Vue、react之类的这些框架,都是把对DOM的操作转移到了操作数据和组件上面,这类框架就像一个空壳子,然后可以不断地往里面填东西,而熟悉jQuery的朋友可能还是会奉行jq至上的理念,可以实现一些Vue不能实现的功能。

c03412f7ffe1c0fd4bb7f363f890bdaa.png

而我认为这两者并不冲突,虽然在Vue里面加上jQuery的代码整个项目会显得比较乱但是如果是旧的项目,本来就大量依赖jQuery,那么重构起来也比较麻烦,可以使用Vue实现一些新的功能,旧的jQuery部分让其保留,而如果是新的技术选型为Vue的项目,那么肯定是能用Vue实现的就不去用jQuery尽量让整个项目看起来比较舒服,并且如果直接用jQuery操作DOM,大概率会造成数据不匹配问题,这时候就应该了解下jQuery的侧重点。如果使用jQuery来进行数据请求和动画效果的实现和Vue就不会冲突而是较好的过渡。

4562c568eeabd3d8338ba8bd182dc3a0.png

举个例子,假如有一个管理系统需要维护,那么页面上少不了大量的form请求和数据展示,当用户不断操作改变页面上内容的时候,Vue的核心虚拟DOM不会立即操作DOM,而是将这些更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到DOM树上,再进行后续操作,这样的好处是不会对真实的DOM进行太多操作,反观jQuery,它的任何操作都是去直接操作真实DOM,第一次用户操作改变了DOM结构后,紧接着下一个DOM更新请求又来了,反复的计算操作DOM就是浪费性能。所以在这种情况下如果要结合jQuery使用那么从性能方面考虑不妨让 jQuery负责数据请求就好。

bac73ac91626881d1d1cde9b3371a117.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值