vm.items[indexOfItem] = newValue

vm.items.length = newLength

     new Vue({         data(){             return {                 arr:[                     {id:1,name:"haha",age:18},                     {id:2,name:"hehe",age:19}                 ]             }         }     })     ......     methods:{         change(){             this.arr[0] = {id:1,name:"gege",age:30};  //这种写法vue是不能检测到的, 也就是说页面的数据不会改变             this.arr[0].name = "gege";             this.arr[0].age = 30;   //这种方式是可以检测到的, 这是更改的数组内部的对象的属性是可以检测到变化的             //也可以使用 vue 提供的方法             this.$set(this.arr,0,{id:1,name:"gege",age:30}) ; //这种方法也是可以的             //还可以使用 vue 的变种函数             this.arr.splice(0,1,{id:1,name:"gege",age:30});             //这里的 splice方法其实已经不是 js 的 splice方法了, 它是被vue 改写过的方法         }     }

    new Vue({         data(){             return {                 a:{                     b:"c"                 }             }         }         ......         mehtods:{             changes(){                 this.a.bb = "bbbb"; //这种写法是在 a 对象上面添加了一个 bb 的属性, vue 是检测不到的                 //所以这种情况下, 我们要使用 $set                  this.$set(this.a,"bb","bbbbb");  //这样就可以解决问题,              }         }     })

Object.assign(vm.userProfile, { age: 27, favoriteColor: ‘Vue Green' })

vm.userProfile = Object.assign({}, vm.userProfile, { age: 27, favoriteColor: ‘Vue Green' })

学生信息
添加sex属性，默认值为男修改sex属性在列表首位添加一个朋友修改第一个朋友的名字为：张三添加一个爱好修改第一个爱好为：开车
姓名：{{student.name}}
性别：{{student.sex}}
爱好：
{{h}}
朋友们：
{{f.name}} -- {{f.age}}

const app = new Vue({ el: "#app", data: { student: { name: "AIpoem", hobby: ["抽烟","喝酒","烫头"], friends: [ {name: "jerry",age: 18}, {name: "Cici",age:19} ] } }, methods: { addSex() { // this.student.sex = "男" 不是响应式 this.$set(this.student,"sex","男"); }, changeSex() { // 直接改即可，因为上面添加的sex属性为响应式 this.student.sex='女' }, unshiftFriend() { this.student.friends.unshift({name:"newFriend",age:20}); }, changeFriendName() { // 这里直接改即可，name属性是响应式的 this.student.friends[0].name = "张三"; }, addHobby() { this.student.hobby.push("新爱好"); }, changeHobby() { // this.student.hobby[0] = "开车" 不是响应式 this.student.hobby.splice(0,1,"开车"); } } }) 

Vue.set(target, propertyName/index, value) 

app.$set(target, propertyName/index, value)