vue数组动态添加对象

Vue数组动态添加对象主要通过修改数组数据模型来实现。可以使用push（），unshift（），splice（）等函数向数组中添加新的对象。

其中，push（）函数用于向数组末尾添加一个或多个元素，可以将新的对象作为参数传递给该函数。例如：

this.listData.push({name: 'Tom', age: 23, gender: 'male'})

unshift（）函数与push（）函数类似，但是它是向数组开头添加一个或多个元素。例如：

this.listData.unshift({name: 'Mary', age: 25, gender: 'female'})

splice（）函数可以在数组中任意位置添加或删除元素，其第一个参数表示要添加或删除的起始位置，第二个参数表示要删除的元素个数，后续参数表示要添加的元素。例如：

this.listData.splice(2, 0, {name: 'Jack', age: 22, gender: 'male'})

以上代码表示在数组的第三个位置添加一个新的对象。如果第二个参数不为0，则表示删除该位置后的元素，并在该位置上添加新的元素。

在Vue中，当数组数据模型发生改变时，组件会自动重新渲染，因此我们可以通过修改数组模型来实现动态添加对象的功能。