Vue响应式原理-个人笔记

Vue响应式原理-个人笔记_第1张图片

对象属性监听

给属性的添加set事件
Vue响应式原理-个人笔记_第2张图片
测试一下
Vue响应式原理-个人笔记_第3张图片
给属性的添加get事件
Vue响应式原理-个人笔记_第4张图片
测试一下
Vue响应式原理-个人笔记_第5张图片

发布者 - 订阅者模式

编写watcher函数
Vue响应式原理-个人笔记_第6张图片
编写Dep函数

Vue响应式原理-个人笔记_第7张图片

比如三个人用了name这个属性

Vue响应式原理-个人笔记_第8张图片

这三个都使用了name,则进行订阅和通知

Vue响应式原理-个人笔记_第9张图片

Vue响应式原理-个人笔记_第10张图片
测试一下
Vue响应式原理-个人笔记_第11张图片

你可能感兴趣的:(Vue2.x,vue,前端)