[VUE] 空数组直接赋值和push的区别

for (let i in res.imageUrl) {
                    this.form.commodityImgList[i] = { name: 'img' + i, url: res.imageUrl[i] }
                    this.form.commodityImgList.push({ mame: 'img' + i, url: res.imageUrl[i] })
                }

for循环中的两行代码，表面上实现了相同的功能，但是在vue中，使用空数组直接赋值后，页面上的数据并不会动态改变。而使用push方法后，页面上的内容就能正常发生变化了。

查阅后发现，用这两种方法，数组最后的长度相同，但是push添加的元素具有set和get方法，这样想通过点击改变edit值时可以生效的，而直接赋值添加的元素点击改变edit不生效。