1.vue3.0和2.0的差异性 www.bilibili.com/read/cv6429…
Performance
Tree-shaking support
Composition API
Fragment, Teleport, Suspense
Better TypeScript support
Custom Renderer API
1.1.Performance性能
Rewritten virtual dom implementation 重写了虚拟Dom、diff算法优化
Compiler-informed fast paths 编译模板的优化
More efficient component initialization 更加高效的组件初始化。
1.3~2x better update performance* update性能提高1.3~2倍
2~3x faster SSR* SSR速度提高了2~3倍
1.2Tree-shaking support
减少了 vue 的打包体积, 3.0 我们就做成了按需引入。
举例来说,
内置组件
像 keep-alive、transition,
指令的配合的运行时比如 v-model、v-for 等
都可以按需引入 。这样就可以让纯净的 vue 的体积变得更小了。
1.3Composition API
Composition API 是React Hooks
提高了代码逻辑的可复用性,从而实现了与模板无关性。
Reactivity 模块独立开来,vue 3 的响应式模块可以和其他框架组合
1.4Fragments
不再限制 tmeplate 里面只有一个根节点了,
render 函数也可以返回数组了,有点类似实现了 React.Fragments 的功能 。
1.5Better TypeScript support
1.6Custom Renderer API