了解Vue、Vue的最大优势以及Vue和jQuery之间的区别

1,411 阅读4分钟

Vue是什么?

vue官网Vue是一个渐进式的JavaScript框架

框架

库:  封装的属性或方法 (例axios.js, jquery.js)
框架: 拥有自己的规则和元素, 比库强大的多 (例vue.js)

vue1.png
左边是库,右边是框架。我们使用库来写自己的代码和我们在框架中写自己的代码是不一样的,在框架中,你要遵循框架的规章制度(规则),但是在库中,你只需什么时候想调用就调用即可。

渐进式

渐进式:逐渐按需添加,想用什么就用什么,不必全都使用。

vue2.png 渐进式是什么意思呢?
渐进式的意思就是允许你慢慢去学去用,你可以学了一点就去用它,再学一点再去用它不需要一下子全部都会


下面这张图是网上的,对库和框架的一个对比个人觉得很形象

vue3.png

Vue的特点

  • 渐进式
  • 数据驱动视图 (响应式)
  • 组件系统

为什么Vue是前端必需掌握的一项技能

Vue已经是国内最流行的框架,越来越成为前端工程师的一项基础技能。开发更加高率和简洁,易于维护,快!很快!(甚至测试,java,Python工程师都要学点Vue,方便与前端沟通)

通过Vue可以开发:

  1. PC项目
  2. 移动端项目
  3. 小程序
  4. 桌面应用 打个比方,如果有一个需求是锯木头(完成网页)那么Vue和jQuery已经原生的JavaScript用的都是锯条因为底层都是JavaScript只不过它们之间用的锯条不一样,如下图所示

vue4.png 所以能用电锯还会用手去慢慢据吗?

Vue的最大优势是什么?

Vue作为一款轻量级框架、简单易学、数据绑定、组件化、数据和解构的分离、虚拟DOM、运行速度快,并且作者是中国人尤雨溪,对应的API文档对国内开发者优化,作为前端开发人员的首选入门框架
Vue有很多优势:

  1. Vue.js可以进行组件开发,使代码编写量大大减少,读者更加易于理解。
  2. Vue.js最突出的优势在于可以对数据进行双向绑定。
  3. 相比传统的页面通过超链接实现页面的切换和跳转,Vue 使用路由不会刷新页面
  4. Vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和DOM,这样大大加快了访问速度和提升用户体验
  5. 它的第三方UI组件库使用起来节省很多开发时间,从而提升开发效率

Vue和jQuery两者之间的区别是什么?

jQuery介绍: 曾经也是现在依然最流行的web前端js库,可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所替代,随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器的实现,jQuery的使用率会越来越低

Vue介绍: Vue是一个兴起的前端js库,是一个精简的MVVM。从技术角度讲,Vue.js 专注于MVVM模型的VieModel层,它通过双向数据绑定把 View层和Model层连接了起来,通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的mvmm框架如 Angular,React 都是大同小异,本质上都是基于MVVM的理念。然而Vue以他独特的优势简单,快速,组合,紧凑,强大而迅速崛起。

Vue和 jQuery对比 jQuery是使用选择器()选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的,比如需要获取label标签的内容:("lable").val();,他还是依赖DOM元素的值。 Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象,可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。