一、Vue数组赋值数组
Vue.js是一种以数据驱动的JavaScript库，它可以通过它的响应系统对数据进行更改，从而使其自动更新DOM。实现数据响应系统的主要概念是Vue实例中的“响应式属性”。Vue允许我们将数据赋值给数组，这导致了一些感兴趣的问题。将值赋给Vue中的数组的常见方法如下：
this.$set(this.array, indexOfElement, newValue)
Vue.set(this.array, indexOfElement, newValue)
this.array.splice(indexOfElement, 1, newValue)
this.array[indexOfElement] = newValue
在这些方法中，第一个方法使用了$set()方法，它是Vue.js为了解决对象或数组在数据变动后更新视图的问题而提供的API。这个方法使Vue可以监控到数据的变化，从而更新视图。第二个方法Vue.set()是第一个方法的直接替换。而数组的其他两种赋值方式则比较原生，也比较简单易懂。
二、Vue数组赋值给空数组
实际上，在VueJS中，我们可以使用数组即使在没有初值的情况下进行赋值。我们可以在Vue.js组件的data函数中声明一个空的数组，然后在多个生命周期函数或事件处理程序中对它进行赋值。例如，在以下代码中：
{{ item }}
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/181582.html
微信扫一扫 
支付宝扫一扫 