jQuery
到Vue
的转变是一个思想的转变,将原有的直接操作dom的思想转变到操作数据上
前言:很多人说jquey
和vue
没有什么可比的,应该和Angular
,React
来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样,在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到mvvm
的转变则是一个思想想的转变,是将原有的直接操作dom的思想转变到操作数据上去,难道不是一个根本性的改变吗?
jquery介绍:想必大家都用过jquery吧,这个曾经也是现在依然最流行的web前端js库,可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替,随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现,jquery的使用率将会越来越低
vue介绍:vue是一个兴起的前端js库,是一个精简的MVVM。从技术角度讲,Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来,通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的mvmm框架如Angular,React都是大同小异,本质上都是基于MVVM的理念。 然而vue以他独特的优势简单,快速,组合,紧凑,强大而迅速崛起 。
1.jQuery
是使用选择器$选取DOM
对象,对其进行赋值,取值,事件绑定等,而Vue则是通过Vue
对象ViewMode
l将数据和View完全分离开了。对数据操作不再需要引用相应的DOM对象,即数据和View
是分离的,通过Vue对象vm实现相互的绑定。
2.Vue
支持双向数据绑定:在MVVM
框架中,View(视图) 和 Model(数据) 是不可以直接通讯的,在它们之间存在着 ViewModel
这个中间介充当着观察者的角色。当用户操作View(视图),ViewModel
感知到变化,然后通知 Model
发生相应改变;反之当 Model(数据) 发生改变,ViewModel
也能感知到变化,使 View
作出相应更新。
3.Vue
支持组件化:组件化的优点 《1》提高开发效率 《2》方便重复使用 《3》简化调试步骤 《4》提升整个项目的可维护性 《5》便于协同开发。
优势的案例
- 向一个列表添加一个元素:vue只需要向列表数据对象message里面push一条li标签即可,而jQuery则需要首先获取列表对象,再添加标签。
- 控制按钮的显示隐藏:Vue只需控制属性isShow的值为ture或者false即可,而jquery需要操作dom节点
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/181784.html原文链接:https://javaforall.cn