前端核心

Appearance

vue3原理 ​

vue3和vue2区别 ​

  1. 使用proxy替代vue2的diff算法object.defineProperty

proxy ​

点击展开代码
ts
    let a = 1

Proxy实现响应式 ​

img_91.pngimg_92.pngimg_93.pngimg_94.pngimg_95.pngimg_96.pngimg_97.pngimg_98.png

编译优化 ​

PatchFlag静态标记 ​

img_99.pngimg_100.pngimg_101.pngimg_102.png

hoisStatic静态提升 ​

img_103.pngimg_104.pngimg_105.png

cacheHandler缓存事件 ​

img_106.png

SSR优化 ​

img_107.pngimg_108.png

Tree-shaking优化 ​

img_109.pngimg_110.png

与reacthooks对比 ​

img_111.pngimg_112.png