当列表的数据格式为数组时:
- 如果直接通过数组下标进行数据操作,页面是不会发生改变的。因为vue不支持直通通过数组的下标去改变数组
- 要想改变数组同时页面也改变,操作数组有两种方法:
- vue 支持数组修改的7个方法:pop、push、shift、unshift、splice、sort、reverse,可以通过数组的这7个方法对数组进行操作,同时改变页面上的数据
- 改变数组的引用,可以理解对数组重新赋值,实际上就算更改数组的引用地址。
当列表的数据格式为对象时:
- 如果直接通过新增对象属性的写法,即:vm.suerInfo.address = 'beijing',此时页面是不会显示新增的属性。
- 想要改变对象同时页面也改变的方法是:更改对象的引用
如果我们非要使用数组下标或直接新增对象属性,页面也跟着改变时,可以使用vue提供的set方法。 使用方式:
数组:Vue.set(数组,下标,值),或通过vue的实例:vm.$set(数组,下标,值);
对象:Vue.set(对象,属性,值),或通过vue的实例:vm.$set(对象,属性,值);