Vue3.x为什么要比Vue2.x快呢? --record

387 阅读1分钟

Vue3.0特点

  • 性能比vue2.x快1.2~2备
  • 按需编译,体积比vue2.x更小
  • 组合API,将数据与逻辑包裹起来
  • 更好的TS支持
  • 暴露了自定义渲染API
  • 更先进的组件

Vue3.x变快的原因

  • diff方法优化 vue2中虚拟dom是全量对比,在vue3.0中新增了静态标记,能够让虚拟节点识别带有静态标记的节点对比内容进行 改变,从而节省了重复渲染的时间
  • hoistStatic 静态提升 vue2.0中无论元素是否参与更新,都会重新创建,vue3.0中对于不参与更新的元素,只会被创建一次,之后会在每次渲染的时候被不停的复用
  • cacheHandlers 事件侦听器缓存 默认情况下onClick会被视为动态绑定,每次都会追踪它的变化,vue3.0中直接进行缓存,复用