vue-$set动态更新对象-数组

vue双向绑定的原理是通过Object.defineProperty()来操作对象的setter和getter属性。为了保证视图是动态更新的，需要给对象添加get和set方法，进行双向绑定。1、动态更新对象给man添加age属性错误方法：add(){this.man.age='22'console.log(this.man)}，正确方法：add(){this.$set(this.man,'age','22')console.log(this.man)},2.动态更新数组将陈同学的信息添加到manstudent:[{name:'小红',age:'12'},{name:'小李',age:'15'},]小陈：{name:'小陈',age:'13'}报错方法：add(){letschen={name:'小陈',age:'13'}this.student[2]=schenconsole.log(this.student)},正确方法：add(){letschen={name:'小陈',age:'13'}this.$set(this.student,2,schen)console.log(this.student)}