1.响应式系统

vue2 object.definepropety()配合发布订阅模式实现双向数据绑定

vue3 proxy构建响应式系统 不仅简化内部实现 而且实现对对象属性的全面拦截 无须手动处理数据编译方法 提高响应式效率和可调式性

2.API设计

vue2采用选项式API

vue3是组合式API 允许开发者使用函数编程思维 组织逻辑 通过setup函数集中管理组件的状态逻辑 提高代码的可复用性和逻辑的模块化程度

3.组件模板和语法扩展

vue2支持单个根元素

vue3引入fragment，支持多个根元素，允许组件渲染到dom树的任意位置

4.生命周期钩子函数

vue3简洁了生命周期函数  移除了beforecreated 和created 并引入了新的setup钩子 作为初始化阶段的核心 这个钩子在组件创建实例化数据之前执行 并且可以直接访问响应式数据

5.性能优化和模块化改进

vue3针对编译器进行了优化 使打包体积更小

更新了组件渲染算法

支持逻辑复用

总的来说 vue3不仅在底层机制上 进行了深度改造 提升了性能和易用性 还在API设计层面 赋予了开发者更大的灵活性和更高的代码组织自由度 是vue的重大飞跃