vue3.0

165 阅读1分钟

亮点:

一、performance性能比vue2 runtime快了2倍

      性能

      1、重写了虚拟dom的实现,用了更快的算法

      2、编译模板的优化(运行时编译)

      3、update性能提高(1.3-2倍的提升)

      4、SSR速度提高(2-3倍的提升)

二、tree shaking按需编译代码

        按需打包

三、ts support 更优秀的ts支持

        自动的类型定义提示

四、composition API 组合API

        1、灵活的逻辑组合与复用

         2、响应式对象

            ref
reactive

        3、生命周期

          onMounted

          onUnmounted       

       动机:

  • 更好的逻辑复用与代码组织
  • 更好的类型推导          

五、custom renderer API 自定义渲染器

         createRenderer

         接口

                createElement

                insert

                 patchProp

六、内置新特性组件

fragment 不再限于模板中的单个根节点

vue2升到vue3 => vue add vue-next

混入mixin的缺点:

1、来源不清淅

2、方法名冲突