VUE.JS为什么这么流行?有什么优势?到底好在哪儿?

2022-07-2410:01:22WEB前端开发Comments1,873 views字数 1244阅读模式

VUE.JS为什么这么流行?有什么优势?到底好在哪儿?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

Vue.js的优点文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

  • 体积小:压缩后只有33k;
  • 更高的运行效率:基于虚拟DOM,一种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化的技术,由于这种DOM操作属于预处理操作,并没有真实的操作DOM,所以叫做虚拟DOM;
  • 双向数据绑定:让开发者不用再去操作DOM对象,把更多的精力投入到业务逻辑上;
  • 生态丰富、学习成本低:市场上拥有大量成熟、稳定的基于vue.js的ui框架及组件,拿来即用实现快速开发;对初学者友好、入门容易、学习资料多;

相对于其他框架(React、Angular 等),相比较而言,Vue 最为轻量化,而且已经形成了完整的一套生态系统,可以快速迭代更新。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

vuejs的优势:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

  • Vue.js 可以进行组件化开发,使代码编写量大大减少,读者更加易于理解。
  • Vue.js 可以对数据进行双向绑定。
  • 使用 Vue.js 编写出来的界面效果本身就是响应式的,这使网页在各种设备上都能显示出非常好看的效果。
  • 相比传统的页面通过超链接实现页面的切换和跳转,Vue 使用路由不会刷新页面。

为什么要使用Vue.js文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

随着前端技术的不断发展,前端开发能够处理的业务越来越多,网页也变得越来越强大和动态化,这些进步都离不开JavaScript。在目前的开发中,已经把很多服务端的代码放到了浏览器中来执行,这就产生了成千上万行的JavaScript代码,他们连接着各式各样的HTML和CSS文件,但是缺乏正规的组织形式。这也是为什么越来越多的前端开发者使用JavaScript框架的原因,目前比较流行的前端框架有Angular、Reac、Vue等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

Vue是一款友好的、多用途且高性能的JavaScript框架,它能够帮助你创建可维护性和可测试性更强的代码库。Vue是渐进式的JavaScript框架,也就是说,如果你已经有了现成的服务端应用,你可以将Vue作为该应用的一部分嵌入其中,带来更加丰富的交互体验。或者如果你希望将更多业务逻辑放到前端来实现,那么Vue的核心库及其生态系统也可以满足你的各式需求。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

和其他框架一样,Vue允许你将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML、CSS、JavaScript,以用来渲染网页中相应的地方。如果我们构建了一个大型的应用,可能需要将东西分割成为各自的组件和文件,使用Vue的命令行工具,使快速初始化一个真实的工程变得非常简单。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

vue init webpack my-project文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

我们甚至可以使用Vue的单文件组件,它包含了各自的HTML、JavaScript以及带作用域的CSS或SCSS。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/25865.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/25865.html

Comment

匿名网友 填写信息

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

确定