2020年9月18日,Vue.js发布版3.0版本,Vue3相比Vue2来说有哪些优化?
- 打包大小减少
41%。 - 初次渲染快
55%, 更新渲染快133%。 - 内存减少
54%。
其次,Vue3在源码方面也作了升级。如下所示:
- 使用
Proxy代替defineProperty实现响应式。 - 重写虚拟
DOM的实现和Tree-Shaking。
还有一个就是Vue3可以更好的支持TypeScript。然后我们来看一下Vue3的新特性吧:
新特性
-
Composition API(组合API):-
setup -
ref与reactive -
computed与watch......
-
-
新的内置组件:
-
Fragment -
Teleport -
Suspense......
-
-
其他改变:
-
新的生命周期钩子
-
data选项应始终被声明为一个函数 -
移除
keyCode支持作为v-on的修饰符......
-
好了,Vue3相比于Vue2来说总的来说,就是速度加快了,无论是从打包还是渲染。新特性包含Composition API和更加支持使用TypeScript语法了,还有就是增加了一些新的内置组件......。总之就是丢弃Vue2声明式开发走向了Vue3组合式开发。
好的,今天我们就先了解到这里,明天继续,谢谢大家观看