Vue3/ Vue3比Vue2新增那些优点 、 Vue3新增动机 和 新增 新特性

一.Vue3比Vue2新增那些优点

Proxy + defineProperty , ts , 组合式api

1. 底层数据响应式原理重新实现 (Es6 proxy替代了ES5的 Object.defineProperty )

2. 全面采用ts.更好的类型推导

3. 提供了组合式api 更适合大型项目: Vue2组件复用一般才有 mixin 有缺陷 一般在中小型项目里面 Vue2采用的是选择式api

二.Vue3新增动机 和 新增 新特性

动机和目的:

1. 更好的逻辑复用 与 代码组织(composition组合式api)

  optionsApi(旧) => optionsApi(新)  效果:代码组织更方便了 逻辑复用更方便了 非常便于维护

     2. 更好的类型推导(typescrip支持)

  Vue3源码用ts重写了 Vue3对ts 的支持更友好了 ts可以让代码更加稳定 类型检测

Vue3的新特性:

1. 数据响应式原理重新实现

 解决了: 例如数组的更新检测等bug 大大优化了 响应式监听的性能 （之前检测对象属性的变化 需要一个个对属性递归监听） proxy可以直接对整个对象劫持

    2.虚拟DOM 新算法(更快 更小)

    3.提供了 composition api 可以更好的逻辑复用

    4. 模板可以有多个根元素

    5. 源码typescript 重写 有更好的类型推导

总结: Vue3性能更高 体积更小 更利于复用 代码维护更方便 适合开发大型项目