vue响应式原理理解

大家好，又见面了，我是你们的朋友全栈君。

要理解响应式原理，首先要理解两个问题，数据改变后，Vue是如何监听的，要通知哪些人然后进行界面的刷新

首先来理解一下下面这这个监听数值改变与监听获取数据的函数，首先创建一个对象，然后这个对象就是用来被监听的，首先使用forEach来把对象里面所有的值取出来放到value这里，然后再defindeProperty里面重新定义，这个方法里面有一个set和get方法，分别是处理监听数据改变和数据被获取的，

上面就解决第一个问题：当数值的改变的时候或者被人获取数值的时候，能够监听到 然后下面就解决第二个问题，当数值改变的时候，如何实现界面更新呢，就需要找到谁再用这个属性，然后通知这些人数值改变了，然后来进行数值更新， 那么从哪里开始寻找这些人呢，其实谁使用这些属性，就需要执行一次get方法，所以谁执行get方法，就是谁 现在就是用订阅者模式 首先创建两个类，分别是发布者和订阅者，再里面的构造函数里面定义自己的属性和变量，然后再类里定义一个把订阅者存起来的数组

然后写订阅者，再构造函数里定义自己属性和变量，然后定义一个如果本身收到数值改变的信号，自己就执行这个方法，new一下自己把参数传进去，然后把值存到发布者那里，

接下来就是如果监听到数值发发生改变，然后就需要发送信号给使用这些数值的人，那么谁来发通知呢，就是notify这个方法

再收到改变的信号后就执行改变数值的方法。 再看图解，一个属性就会创建一个Dep对象监听它的状态

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/133688.html原文链接：https://javaforall.cn