VUE数据响应式实现

什么是数据响应式

也叫做数据双向绑定。就是把Model绑定到View，当Model更新数据时View会自动更新；当用户更新View时，Model中的数据也会自动更新。

数据响应式原理

• 利用了Object.definedProperty()这个方法重新定义了对象重新获取属性值和设置属性值的操作来实现。
• vue3.0版本中将采用Proxy对象来实现。

数据响应式的实现

// 1.实现一个整体的架构(Vue类、Watcher类)
// 2.M->V，把模型中的数据绑定到视图
// 3.V->M，当文本框输入时，由事件触发更新模型中的数据，同时也更新到响应的视图

// 结合Object.defineProperty()实现




    
    
    
    
    


    

        
vue数据响应式实现
        

            

            
            

            
        
    
    

// 结合Proxy实现
// 后续补充

网易云公开课课程链接