在Web开发中，经常需要将数据以JSON格式进行传输。而JSON的数组类型数据是一种很常见的数据类型，因此在Vue中遍历JSON数组也是开发中经常需要处理的问题。下面将介绍如何使用Vue对JSON数组进行遍历和渲染。

// 假设JSON数组数据如下
var goodsList = [
{ id: 1, name: '商品1', price: 10 },
{ id: 2, name: '商品2', price: 20 },
{ id: 3, name: '商品3', price: 30 }
];

在Vue中，如果需要对JSON数组进行遍历，有两种方法可以实现。

方法一：使用v-for指令

Vue提供了v-for指令，通过它可以对数组对象进行遍历。在v-for指令中，需要使用指定的数据对象和别名，例如：

{{ goods.name }} - {{ goods.price }}
在上面的代码中，v-for指令将会循环遍历goodsList数组，并为其生成一个包含商品名和价格的列表。
方法二：使用computed计算属性
另一种处理JSON数组的方法是使用Vue的computed计算属性。computed计算属性可以将数据处理后返回一个新的数组，然后在模板中直接使用即可。
{{ goods.name }} - {{ goods.price }}
computed: {
newGoodsList: function() {
return this.goodsList.map(function(goods) {
// 价格乘以2
goods.price = goods.price * 2;
return goods;
});
}
}
在上面的代码中，我们通过Vue的map方法对goodsList数组进行遍历，并乘以2返回新的数组newGoodsList，在模板中使用newGoodsList即可。
以上就是Vue中处理JSON数组的两种方法。两种方法各有优缺点，具体使用时要视情况而定。