vue json添加数据
时间: 2024-06-04 17:04:50 浏览: 159
详解vue2.0模拟后台json数据
在Vue中,可以通过使用数组的push方法或者splice方法来添加JSON数据。
使用push方法添加JSON数据的代码示例如下:
```
// 在Vue实例中定义一个数组
data: {
items: []
},
methods: {
// 点击按钮时添加JSON数据
addItem: function() {
this.items.push({name: 'apple', price: 2.5});
}
}
```
使用splice方法添加JSON数据的代码示例如下:
```
// 在Vue实例中定义一个数组
data: {
items: []
},
methods: {
// 点击按钮时添加JSON数据
addItem: function() {
this.items.splice(0, 0, {name: 'apple', price: 2.5});
}
}
```
这里的splice方法会在数组的第0个位置添加一个JSON对象,第二个参数为0表示不删除任何元素。需要注意的是,使用splice方法时需要指定要添加或删除的位置和数量。
阅读全文