VUE3对比VUE2的优势及新特性原理

  1. Vue3究竟给我们带来了什么?
    ①性能的提升

    打包大小减少41%
    初次渲染快55%,
    更新渲染快133%
    内存减少54%

    ②源码的升级

    使用Proxy代替defineProperty实现响应式
    重写虚拟DOM的实现和Tree-Shaking

    ③拥抱TypeScript

    Vue3可以更好的支持TypeScript

    ④新的特性

    1. Composition API(组合API)
      • setup配置
      • ref与reactive
      • watch与watchEffect
      • provide与inject
    2. 新的内置组件
      • Fragment
      • Teleport
      • Suspense
    3. 其他改变
      • 新的生命周期钩子
      • data 选项应始终被声明为一个函数
      • 移除keyCode支持作为 v-on 的修饰符

猜你喜欢

转载自blog.csdn.net/qq_42899245/article/details/119931493