试题
考点

js语言和框架-vue.js-基本语法-if\show

面5笔5

Vue的响应式数据原理是什么

前往“校招VIP”小程序,刷题更快
最新校招难题刷题,快来进刷题群吧
解答

Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法,data 中声明的属性都被添加了访问器属性,当读取 data 中的数据时自动调用 get 方法,当修改 data 中的数据时,自动调用 set 方法,检测到数据的变化,会通知观察者 Wacher,观察者 Wacher自动触发重新render 当前组件(子组件不会重新渲染),生成新的虚拟 DOM 树,Vue 框架会遍历并对比新虚拟 DOM 树和旧虚拟 DOM 树中每个节点的差别,并记录下来,最后,加载操作,将所有记录的不同点,局部修改到真实 DOM 树上。

文章链接

评论

你是闰土我是猹

2023-08-30 23:00:00

0 0

加载更多