一.Vue是什么
Vue是一个能够渐进式构建用户界面的框架.
Vue相当于一个JS库,不依赖其他库,可以由简单组件开始写起,逐渐搭建一个复杂的前端平台.
二. 为什么要用Vue
核心概念:组件化,MVVM,响应式,生命周期
- 组件化: Vue将组成一个区域界面的HTML,CSS,JS合并到一个组件中封装起来,可以被其他组件或者页面引用而重复利用(将一个庞大的前端工程拆分成一个个组件,重复利用提高开发效率)
- MVVM数据双向绑定: <1>当用户改变View时,变化会同步到ViewMode处理器,并更行到Model数据库. <2>相反的,当后台数据变化时,变化也会通过ViewMode处理器同步跟新到View,并展示给用户. (MVVM双向数据绑定减少了DOM操作,高效了数据和视图的交互.便于前后端开发人员的逻辑实现)
- 响应式 虚拟DOM: 虚拟DOM的使用,省去了普通DOM的整个数据刷新,不至于导致效率堪忧.虚拟DOM将变化后的数据与没改变前的数据对比,只重新加载更改的部分,局部修复到真实的DOM上.
三.Vue的优点
1. 轻量级:占用大小很小,方便使用
2. 高性能: 虚拟DOM和响应式避免了不必要的数据刷新,提升用户体验,使操作流畅
3.好上手:某块特定化,封装化,易操作
4. 插件化: 可以任意在特定区域添加使用
5. 便于测试:便于找到错误的地方
6.运行速度更快:像比较与react而言,同样都是操作虚拟dom,就性能而言,vue存在很大的优势
7.视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作
四.总结:
Vue作为流行的前端框架,旨在更好的组织与简化Web开发.
核心关注视图层,方便获取数据更新,并实现与视图的交互.
把需要重复利用的模块的HTML,css,JS封装到特定的容器里,提高复用率,也便于后续的特定区域和特定功能的修改和维护.
提高了网页响应效率,提升了用户使用体验,方便了前端与后端,数据与视图的交互.
声明式编码,无需直接操作DOM,提高效率,用虚拟DOM,减少使用DOM节点