Vue的实现原理（数据双向绑定）

一、Vue数据双向绑定的原理：

        1、实例化一个app对象——定义一个Vue类（类的参数是一个对象，包括id属性、数据和方法等）

                id属性：为了获取原生DOM对象

        2、循环通过set，get方法实现app对象的数据代理

        3、观察数据动态，对更新的数据进行管理——设置一个劫持事件        

        4、设置一个观察对象，对节点的内容进行更新——定义一个watch类

        5、把view的数据和事件进行绑定（参数是DOM对象）

二、结果展示：

        1、文本框输入内容，全部数据同时被修改。

        2、点击修改内容，全部数据同时被修改。

 三、代码展示：

    
    
    
    
    



    

        
        
{{msg}}
        
        

        修改内容