在Vue中使用for循環時，通常需要對循環出來的數據進行排序。Vue提供了便捷的方式來實現對數據的排序。我們可以通過JavaScript的sort()方法對數據進行排序。

data: {
items: [
{ name: 'apple', price: 2 },
{ name: 'banana', price: 1 },
{ name: 'orange', price: 3 }
]
},
computed: {
sortedItems: function() {
return this.items.sort((a, b) =>a.price - b.price);
}
}

在上述代碼中，我們首先定義了一個包含三個元素的items數組，每個元素都包含一個name和price屬性。然后我們定義了一個computed屬性sortedItems，它返回一個對items數組進行排序后的新數組。通過調用sort方法并傳遞一個比較函數，我們將數組按照元素的price屬性從小到大進行排序。

{{ item.name }} - ${{ item.price }}

最后，我們通過在模板中使用v-for指令，將sortedItems數組循環渲染到頁面中。每個元素都包含一個name和price屬性，我們可以使用{{}}插值語法來顯示它們。運行代碼時，我們可以看到數組已按價格從低到高排序。