Vue2中数据变化到视图变化是如何通过发布订阅模式实现的？

本文共计4550个文字，预计阅读时间需要19分钟。

目录+引言+一、发布订阅者模式的特点+二、Vue中的发布订阅者模式+1、Dep+2、Object.defineProperty+3、Watcher+4、Dep.depend+5、Dep.notify+6、订阅者取消订阅+小结+引言+发布订阅者模式是最常见的模式之一。

目录

• 引言
• 一、发布订阅者模式的特点
• 二、vue中的发布订阅者模式
• 1、dep
• 2、Object.defineProperty
• 3、watcher
• 4、dep.depend
• 5、dep.notify
• 6、订阅者取消订阅
• 小结

引言

发布订阅者模式是最常见的模式之一，它是一种一对多的对应关系，当一个对象发生变化时会通知依赖他的对象，接受到通知的对象会根据情况执行自己的行为。

假设有财经报纸送报员financialDep，有报纸阅读爱好者a，b，c，那么a，b，c想订报纸就告诉financialDep，financialDep依次记录a，b，c这三个人的家庭地址，次日，送报员一大早把报纸送到a，b，c家门口的邮箱中，a，b，c收到报纸后都会认认真真的打开阅读。