Vue3源码分析入门

111 阅读1分钟

1.数据响应式:

  • 数据可侦测,数据相关内容可以更新。
  • Vue2需要遍历所有key,影响初始化速度。
  • Vue2对于数组要做特殊处理。
  • Vue2动态添加或删除对象属性需要使用额外API。

2.proxy(代理-检测数据)解决上述问题:

  • 检测到数据变化之后就可以去更新视图了。
  • 如果需要精细的更新就需要vdom。
  • 引入diff。
  • 重新render界面。
  • 副作用函数effect可以理解为更新函数。

3.虚拟dom

4.数据双向绑定原理: