vue3.0的亮点

Veu3.0六大亮点

一、vue3.0六大亮点

•         1. 编译性能比vue2.x快1.2~2倍。
  •         2. 按需编译，体积比vue2.x更小。
    •         3. 支持组合API(类似与React hook).
      •         4. 更好的TS支持。
        •         5. 暴露了自定义渲染API。
          •         6. 使用更先进的组件。

二、vue3.0如何变快的？

1. diff算法优化：

•         vue2.0中的虚拟DOM是进行全量的对比。
•         vue3.0中新增了静态标记（PatchFlag），在与上次虚拟节点进行对比的时候，只对比有静态标记的节点，并且可以通过flag的信息得知当前节点要对比的具体内容。

         例如：_createVNode('p',null,_toDisplyString(_ctx.msg) +'}',1)

                  patchFlags 静态标记枚举类。

                  Text=1,//动态文本节点。

                  Text=2,//动态class。

                  Text=4,//动态Style。

                  Text=8,// 动态属性。

2. hoist Static静态提升

•          vue2中无论元素是否参与更新，每次都会重新创建，再渲染。
  •          vue3中对于不参与更新的元素，会做静态提升，只会创建一次，在渲染时直接复用。  

3. cacheHandle