vue的优势是:1、可以进行组件化开发,使代码编写量大大减少;2、可以对数据进行双向绑定;3、使用vue.js编写出来的界面效果本身就是响应式的,这使网页在各种设备上都能显示出非常好看的效果;4、使用路由不会刷新页面。
本教程操作环境:windows7系统、vue2.9.6版,dell g3电脑。
vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,vue 采用自底向上增量开发的设计。vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,vue 完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。
vue.js 的目标是通过尽可能简单的 api 实现响应的数据绑定和组合的视图组件。
与其他框架相同,vue允许你讲一个网页分割成可复用的组件,每个组件都包含属于自己的html、css、javascript以用来渲染网页中相应的地方。
vue的优势:
轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟dom、运行速度快。
作为前端开发人员的首选入门框架,vue 有很多优势:
vue.js 可以进行组件化开发,使代码编写量大大减少,开发者更加易于理解。
vue.js 最突出的优势在于可以对数据进行双向绑定(在之后的编写中我们会明显地感觉到这个特点的便捷)。
使用 vue.js 编写出来的界面效果本身就是响应式的,这使网页在各种设备上都能显示出非常好看的效果。
相比传统的页面通过超链接实现页面的切换和跳转,vue 使用路由不会刷新页面。
vue两大特点:响应式编程、组件化。
响应式的数据绑定
这里的响应式不是@media 媒体查询中的响应式布局,而是指vue.js会自动对页面中某些数据的变化做出响应。
这也就是vue.js最大的优点,通过mvvm思想实现数据的双向绑定,让开发者不用再操作dom对象,有更多的时间去思考业务逻辑。
组件化开发
vue.js通过组件,把一个单页应用中的各种模块拆分到一个一个单独的组件(component)中,我们只要先在父级应用中写好各种组件标签(占坑),并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样,这个参数叫做组件的属性),然后再分别写好各种组件的实现(填坑),然后整个应用就算做完了。
组件化开发的优点:提高开发效率、方便重复使用、简化调试步骤、提升整个项目的可维护性、便于协同开发。
virtual dom
在传统开发中,用jquery或者原生的javascript dom操作函数对dom进行频繁操作的时候,浏览器要不停的渲染新的dom树,导致页面看起来非常卡顿。
而virtual dom则是虚拟dom的英文,简单来说,他就是一种可以预先通过javascript进行各种计算,把最终的dom操作计算出来并优化,由于这个dom操作属于预处理操作,并没有真实的操作dom,所以叫做虚拟dom。最后在计算完毕才真正将dom操作提交,将dom操作变化反映到dom树上。
(学习视频分享:vuejs教程、web前端)
以上就是vue的优势是什么的详细内容。