一 、什么是vue
vue是一套用于 构建用户界面 的 渐进式 的 JavaScript 框架
构建用户界面是指:在适当的时候拿到数据并通过某种方式构建出界面
渐进式是指: 如果你只要实现一个十分简单的功能,可以直接使用vue自带的核心库,如果你要实现一个复杂的代码则可以选择引入其他库从而实现功能。
二、vue的特点
1.采用 组件化 的方式进行开发,提高开发效率以及服用率,并让代码更容易维护,一个xxx.vue文件就是一个js、html、css的集合,可以被多个地方复用
2.声明式 编码,让开发人员无需操作DOM,提高开发效率。早期使用拼接html的方式,设置元素的innerHTML这种属于命令式的编码
声明式编码
<div>
<h1>{{ name }}<h1/>
</div>
命令式编码
<div id='test'></div>
const html = 'hello'
const testHtml = document.getElementById('test')
testHtml.innerHTML = html
3.使用虚拟dom和diff算法,尽可能的复用节点,来达到优化性能的效果
Vue将数据生成一份虚拟DOM,当数据发生变化时,拿变化后的数据生成新的虚拟DOM,再通过diff算法进行比较,有变变化的则进行替换,没有变化的进行复用,最后将新的虚拟dom映射到真实dom,来减少频繁操作真实dom的性能消耗问题
这里附上vue的官网地址:v2.cn.vuejs.org/