vue3自发布以来热度颇高,主要得益于以下几点:
- Vue3支持vue2的大多数特性
- 更好的支持Typescript
- 打包大小减少41%
- 初次渲染快55%, 更新渲染快133%
- 内存减少54%
为什么会有如此显著的提升呢,主要有两个要点:
- 使用Proxy代替defineProperty实现数据响应式
这里就需要对比一下Proxy和defineProperty之间的差别了,详细的对比,可以参考下面的文章
https://www.jianshu.com/p/aead8f43807f
https://www.jianshu.com/p/8cde476238f0 - 重写了虚拟DOM的实现和Tree-Shaking
Tree-Shaking :对无用的模板进行了“剪枝” 仅打包需要的,减少了产品发布版本的大小。Vue3 支持按需引入,而在vue2中,既使用不到的功能也能打包进来。