vue的理解

来源:互联网 发布:互质的性质 知乎 编辑:程序博客网 时间:2024/06/05 20:26

一.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:

这里写图片描述