Vue踩坑之数组响应

**

Vue踩坑之数组响应

**

使用Vue也有一段时间了，大体的规则与使用方法已经掌握，但发现还有好多细节之处未能了解，仍需通过不断实践来掌握。

在Vue的data中初始化一个数组。

设置按钮，单击按钮时执行某个方法。

在方法中对数组进行一系列操作。之后在控制台中输出该数组。

能观察到该数组内容已经发生改变。

但是在模板中，该数组的输出结果仍为初始值，并且保持不变。

经分析，在Vue官网上找到原因，如下图所示。

可以看到，数组对象与其它对象在此处有些不同。

如果想让数组实现响应，不能简单的使用赋值方法对数组内容进行修改。

而应该使用Vue.set方法对数组进行赋值。使用方式为:

this.$set(数组名,索引,内容);

此外，其它可以使数组响应的方法还有：

push/unshift/splice/pop/shift/sort等