jhfuture

引出

以下的updatemei方法中直接更新了数组下表为1的整个元素，但在vue开发者工具中没有体现

<script>
       Vue.config.productionTip = false //阻止vue在启动时生成生产提示
       new Vue({
           el: '#root',
           data: {
               name: 'helloworld',
               sortType:0,//1为升序，2位降序，0默认不变,
               persons: [
                   { id: '001', name: '马冬梅', age: 30, sex: '女' },
                   { id: '002', name: '周冬雨', age: 19, sex: '女' },
                   { id: '003', name: '周杰伦', age: 18, sex: '男' },
                   { id: '004', name: '温兆伦', age: 20, sex: '男' }

               ],
               keyWord:''
           },
           
           methods: {
               //这样修改vue并没有认可你的修改
               updatemei(){
                   this.persons[0] = {id: '001', name: '马老师', age: 30, sex: '女'}
               }
           }
       
       })
   </script>

点击事件后

Vue更新的原理