一:直接作用于原数组的

使用以下方法操作数组,可以检测变动
push()/pop()/unshift()/splice()/sort()/reverse()

vue七:vue基础之列表数组检测

 

二:不直接作用原数组的

  使用以下函数,需用新数组替换旧数组
  filter()/concat()/slice()/map()

vue七:vue基础之列表数组检测

   用新数组替换旧数组

 vue七:vue基础之列表数组检测

 

三:不能检测到的改变(索引)

根据索引直接修改数组,不会被检测

vue七:vue基础之列表数组检测

解决方法:

1.使用splice方法

vue七:vue基础之列表数组检测

2.使用Vue.set方法

vue七:vue基础之列表数组检测

相关文章: