首页vue前端数组里添加对象

vue前端数组里添加对象

时间: 2023-07-29 15:06:21 浏览: 107

浅谈Vue为什么不能检测数组变动

问题来源：https://segmentfault.com/q/1010000015780995 问题描述：Vue检测数据的变动是通过Object.defineProperty实现的，所以无法监听数组的添加操作是可以理解的，因为是在构造函数中就已经为所有属性做了这个检测绑定操作。但是官方的原文：由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如： vm.items.length = newLength 这句话是什么意思？我测试了下Object

要往Vue前端数组里添加对象，你可以使用Vue提供的`push()`方法，它可以向数组的末尾添加一个元素。假设你有一个Vue组件，有一个名为`myArray`的数组，你可以这样添加一个新的对象： ``` this.myArray.push({name: "John", age: 30}); ``` 这将在`myArray`数组的末尾添加一个新的对象，对象的属性是`name`和`age`。你可以根据你实际的需求来修改这个对象的属性。

阅读全文