Vue3.0 性能提升主要是通过哪几方面体现的?

Vue3.0 性能提升主要是通过哪几方面体现的?_第1张图片

 

一、编译阶段

回顾Vue2,我们知道每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher,从而使关联的组件重新渲染

Vue3.0 性能提升主要是通过哪几方面体现的?_第2张图片

试想一下,一个组件结构如下图: