本文对比了Vue2和Vue3在响应式原理、碎片化支持、生命周期及数据方法定义上的差异。Vue2依赖Object.defineProperty实现响应式，而Vue3采用更强大的Proxy代理。Vue3新增支持碎片化，允许组件有多个根节点。此外，Vue3的生命周期和数据方法定义发生了变化，采用组合式API，通过setup()提升代码可读性。
1、双向数据绑定-响应式原理不同
vue2是利用ES5的Object.defineProperty()进行数据劫持、发布-订阅来实现的。（监听者监听到数据发生变化之后，通知所有订阅者，相应的订阅者根据数据变化渲染到对应视图上）
【拓展】：发布-订阅者模式主要有下面几个概念：
- Publisher ：发布者，当消息发生时负责通知对应订阅者
- Subscriber ：订阅者，当消息发生时被通知的对象
- SubscriberMap ：持有不同 type 的数组，存储有所有订阅者的数组
- type ：消息类型，订阅者可以订阅的不同消息类型
- subscribe ：该方法为将订阅者添加到 SubscriberMap 中对应的数组中
- unSubscribe ：该方法为在 SubscriberMap 中删除订阅者
- notify ：该方法遍历通知 SubscriberMap 中对应 type 的每个订阅者
</
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
