Vue数据绑定响应式原理

1、什么是响应式?

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

 

2、Vue响应式原理

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

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

   

 

posted @ 2020-07-21 23:18  特战小鸟nmx  阅读(224)  评论(0)    收藏  举报