1. 将数组items中,第一条数据的message值修改为 one1
new Vue({
el: "#vue",
data: {
items: [
{ message: "one", id: "1" },
{ message: "two", id: "2" },
{ message: "three", id: "3" },
],
},
})
2. 使用Vue.set()修改
let newObj = { message: "one1", id: "1" };
Vue.set(this.items, 0, newObj); // 修改的数组,修改的元素下标,新的元素值。即items[0] = newObj
//相当于下面写法
let newObj = this.items[0]; //复制索引为0的对象
newObj.message = "one1"; //修改该对象的message属性值
Vue.set(this.items, 0, newObj); //将items索引0处的数据修改为newObj