12列表渲染详解（二）

Vue监测对象改变的原理

案例讲解：

（1）用第一种方式，对马冬梅的数据进行修改：

updateMdm(){
        this.persons[0].name='马老师'//奏效
        this.persons[0].age='33'//奏效
        this.persons[0].sex='男'//奏效
      }

马冬梅的数据成功更改：

（2）第二种方法更改马冬梅的数据

methods:{
      updateMdm(){
        this.persons[0]= {id:'001',name:'马老师',age:33,sex:'男'}


      }
    }

没有效果显示，而且开发者中数据改变，vue中数据有两种情况，当先点击按钮再打开vue工具，数据改变，反之则数据不改变：


原理解释：
（1）


加工后，可以实现响应式