Skip to content

Example of vue2 and vue3 implementing Reactivity

Notifications You must be signed in to change notification settings

LKCCY/reactive-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

描述

比较 vue2 和 vue3 实现渲染的原理

  • vue2 通过 Object.defineProperty 为 data中的每个属性 都建立了 Dep, 来收集 Watcher
  • vue3 通过 Proxy, 将整个对象收集。每个key都对应一个 dep队列,来收集effects

启动

  yarn
  yarn start

其中 vue2.html 代表vue2的示例, vue3.html 代表 vue3的示例

About

Example of vue2 and vue3 implementing Reactivity

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published