Vue 的响应式原理

数据发生改变，界面跟着更新，如图所示：

    
    
    
    


    

        {{message}}
        {{message}}
        {{message}}
    
    
    

这就是 vue 的响应式，那么 vue 内部是如何实现的呢？

1.app.message 修改数据，Vue 内部是如何监听 message 数据发生改变的 ？

vue 内部是通过 Object.defineProperty 监听对象属性的改变

2.当数据发生改变时，Vue 是如何通知哪些地方刷新界面的 ？

通过发布订阅者模式来通知哪些页面需要进行刷新

 

vue 的响应式原理如图：

​​​​​​​