vue基础

147 阅读2分钟

「这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战」。


1、什么是vue.js?

Vue是一套用于构建用户界面渐进式的JavaScript框架。这是官方式的回答;拆开来说这个构建用户界面就是我们前端平时干的活,把数据放到网页上。那渐进式才是vue的关键内容了,渐进式字面也是逐渐递进的方式,放到vue身上也是这个意思,也就是说vue是可以自底部向上逐层应用的,这样他就有了市场了,因为我们平时提交代码是需要最小体积的,而vue这个特性刚刚好符合,用多少就可以加多少进去,不在需要向以前一样吧一整个框架内容全部都保留,所以vue的是一个可以做到轻量小巧,这也是vue的逐渐成为前端工程师必须的原因;

2、vue.js的特点

1、采用组件化模式,提高代码复用率,且让代码更好的维护和升级。换个说法因为每个vue都是一个独立的组件,组件大家都知道可以调用所以我们可以把需要经常改的和不需要经常改的分开出来,也可以把重复较多的给写成这样的格式,这样我们写起来也比较轻松。

1635737775(1).png

2、声明式编码,让编码人员无需直接操作DOM,提高开发效率;不在需要底层的代码就可以完成复杂的代码,让代码结构更加工整美观;

1635747499(1).png

3、使用虚拟DOM+优秀的Diff算法,尽量的重复使用DOM节点;原生的js在代码的重复利用和代码的更新上都是比较麻烦的,而vue可以做到在保证代码的复用方便的同时还可以减少代码的更新的简便化,原生的代码更新数据是会全部替换就算数据大部分不变的情况下,而vue会在数据对比而这是对不存在的更新vue之所以可以这么使用全依赖于他的Diff算法;

1635747912(1).png

1635748073(1).png

说了这么久,vue这么多的好处大家都知道了,难道还能不来学习了解一下?

虽然vue好处很多但是需要掌握的底层知识才可以就例如:ES6语法规范、ES6模块化、包管理器、原型、原型链、axios、promise等等的底层知识,不然学起来会相当困难;