一、什么是Vue
Vue是一套用于 构建用户界面
的 渐进式
javascript框架
构建用户界面: 前端把UI设计的界面通过后端拿到数据编写成用户可见到的界面。
渐进式: 如果你要实现一个简单的功能,那vue可以提供简单的基础操作来实现,并不需要引入vue更复杂的功能,如果是复杂的项目,就需要引用到Vue-Router,VueX等插件
二、Vue的特点
-
采用
组件化
模式开发,提高代码的复用率,并且让代码维护起来更方便。一个xxx.vue文件就是一个组件,他可以适用于你项目任何可复用的位置,提高项目的可维护性。 -
声明式
编码,让编码人员无需直接操作DOM,提高开发效率。以前命令式编码需要频繁操作DOM来给页面添加数据。命令式编码: (以JQ为例子)
<div id="test"></div> var message = 'hello' $("#test").val(message)
声明式编码:
<div> <h1>{{ name }}</h1> </div>
-
使用
虚拟DOM
+Diff 算法
,尽可能的复用DOM节点Vue会通过虚拟DOM在js生成一个虚拟DOM对象,因为在浏览器操作DOM是极其不好,当数据发生改变的时候,通过Diff算法循坏遍历树节点,如果有差异的部分就更新到虚拟DOM对象中,没变化部分达到复用效果,最后映射到真实DOM中