Loading... **Vue3 设计理念** [https://vue3js.cn/vue-composition/](https://vue3js.cn/vue-composition/) ### 动机与目的 1. 更好的逻辑复用 与 代码组织 (composition组合式api) optionsAPI(旧) => compositionAPI(新), 效果: 代码组织更方便了, 逻辑复用更方便了 非常利于维护!! 2. 更好的类型推导 (typescript支持)vue3 源码用 ts 重写了, vue3 对 ts 的支持更友好了 (ts 可以让代码更加稳定, 类型检测! ) ### vue3新特性 1. 数据响应式原理重新实现 (ES6 proxy 替代了 ES5 的 Object.defineProperty) 解决了: 例如数组的更新检测等bug, 大大优化了响应式监听的性能 (原来检测对象属性的变化, 需要一个个对属性递归监听) proxy 可以直接对整个对象劫持 2. 虚拟DOM - 新算法 (更快 更小) 3. 提供了composition api, 可以更好的逻辑复用 4. 模板可以有多个根元素 5. 源码用 typescript 重写, 有更好的类型推导 (类型检测更为严格, 更稳定) **小结: vue3 性能更高, 体积更小, 更利于复用, 代码维护更方便** 最后修改:2023 年 04 月 10 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 0 如果觉得我的文章对你有用,请随意赞赏