vue3.0

445 阅读1分钟

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