vue相比jquery_angular和vue哪个厉害
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
相关文章
- Java项目毕业设计:基于springboot+vue的电影视频网站系统「建议收藏」
- [ Vue ] vue 设计原理之响应式系统实现笔记( 二 )
- thymeleaf和vue快速入门
- 如何查看Vue项目vue的版本号
- Vue(3)webstorm代码格式规范设置与vue模板配置
- Vue前端项目-主页布局-左侧导航菜单(静态)[通俗易懂]
- 前端vue面试题2021及答案_redux面试题
- vue源码分析-从new Vue开始
- 手把手教你搭建Spring Boot+Vue前后端分离
- 4.vue 的双向绑定的原理是什么?_监听门事件
- jquery与vue区别_学jquery还是vue
- vue分页组件
- qrcodejs2–Vue生成二维码组件封装
- Vue项目:菜农管理 【maven + spring boot + RESTFul + SSM+vue + axios】
- 在 Vue.js 中通过计算属性动态设置属性值
- 今天讲vue讲解专栏里的VUE组件
- 写过vue自定义指令吗,原理是什么
- vue指令和用法?
- vue入门篇之Vue.js 组件
- 开心档-软件开发入门之Vue.js Ajax(vue-resource)
- 关于 “ React 和 Vue 该用哪个” 我真的栓 Q
- Vue2.0 搭建Vue脚手架(vue-cli)详解编程语言
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue框架搭建在Redis之上的Web应用(vue请求redis)
- Vue如何连接Redis(vue怎么连接Redis)
- Oracle Vue考场助力企业数据库技术突破(oracle vue考场)
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架