vue的理解

一.vue是什么？

构建用户界面的渐进式框架，
只关注视图层(view)

二.vue中的2个核心点

1.响应的数据绑定
当数据发生改变 => 自动更新视图
利用Object.defindeProperty中的setter/getter代理数据，监听对数据的操作（Object.defindeProperty() 方法IE8不兼容，即可通过该方法判断游览器是否兼容）

2.组合的视图组件
  UI页面映射为组件数
  划分组件可维护、可重用、可测试

三.虚拟DOM

虚拟DOM(virtual DOM)
运行js的速度是很快的，大量的操作DOM就会很慢。在更新数据后会重新渲染页面,这样造成在没有改变数据的地方也重新渲染了DOM节点，这样就造成了很大程度上的资源浪费。

利用在内存中生成与真实DOM与之对应的数据结构（即生成一个对象，按照dom树的结构生成的对象，即对象嵌套对象），这个在内存中生成的结构称之为虚拟DOM。
当数据发生变化时，能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上.
下图说明虚拟DOM：