在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數組的兩種方法。兩種方法各有優缺點，具體使用時要視情況而定。