vue的理解

一.vue是什么?

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

vue的理解_第1张图片

二.vue中的2个核心点

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

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

vue的理解_第2张图片

三.虚拟DOM

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

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

vue的理解_第3张图片

你可能感兴趣的:(vue相关总结)