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中直接进行缓存,复用