Vue.js中还使用jQuery?程序员怎么看?

2019年8月5日15:37:33 发表评论 161 views

作者:Eric

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

Vue.js中还使用jQuery?程序员怎么看?

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

Vue.js中还使用jQuery?程序员怎么看?

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

Vue.js中还使用jQuery?程序员怎么看?

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: