Vue数据绑定响应式原理

Posted niemx1030

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue数据绑定响应式原理相关的知识,希望对你有一定的参考价值。

1、什么是响应式?

  Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 javascript 对象。而当你修改它们时,视图会进行更新。

 

2、Vue响应式原理

  (1)通过 object.definePorperty 进行 get/set 拦截

  (2)通知 Watcher 出发组件重新渲染,创建新的虚拟dom对比旧的虚拟dom,找到不同的地方,以最小的代价更新节点。

   技术图片

 

以上是关于Vue数据绑定响应式原理的主要内容,如果未能解决你的问题,请参考以下文章

vue响应式原理(数据双向绑定的原理)

“别具一格”的vue双向数据绑定原理

能说说vue的响应式原理吗?

Vue 响应式实现原理

Vue 响应式实现原理

Vue 响应式实现原理