vue3 数组添加元素
时间: 2023-10-27 07:05:20 浏览: 165
向数组插入元素
5星 · 资源好评率100%
在 Vue 3 中,要向数组添加元素,你可以使用数组的 `push` 方法或者使用扩展运算符 (`...`)。以下是两种方法的示例:
1. 使用 `push` 方法:
```javascript
// 在 Vue 3 的数据选项中定义一个数组
data() {
return {
myArray: []
}
},
// 向数组中添加元素
this.myArray.push('新元素');
```
2. 使用扩展运算符 (`...`):
```javascript
// 在 Vue 3 的数据选项中定义一个数组
data() {
return {
myArray: []
}
},
// 使用扩展运算符向数组中添加元素
this.myArray = [...this.myArray, '新元素'];
```
请注意,在使用这两种方法时,需要确保在 Vue 组件中正确访问 `myArray`,例如通过 `this.myArray` 或者直接在模板中使用 `{{ myArray }}`。
阅读全文