json是一種輕量級的數據交互格式，通常用于web應用之間的數據交換。在Vue中使用json數據是非常常見的一種情況，通過下面的內容我們將介紹如何在Vue中遍歷json數據。

Vue框架通過v-for指令提供了json數據遍歷的支持。v-for指令用于循環渲染數組或對象，可將每個元素或屬性值賦值給指定的模板。其中，數組循環通過提供變量和數組對象進行遍歷，對象循環通過提供變量和對象屬性值進行遍歷。

下面是一個簡單的json數據示例：

{
"name": "John",
"age": 20,
"address": {
"country": "USA",
"city": "New York"
},
"hobbies": ["swimming", "reading", "traveling"]
}

通過v-for指令，我們可以將hobbies中的元素渲染到模板中，示例代碼如下：

在上面的代碼中，v-for指令將循環遍歷hobbies數組中的元素，并將每個元素賦值給變量hobby，最終輸出到模板中。

如果我們要遍歷對象中的屬性值，可以使用v-for指令和Object.keys()方法。示例代碼如下：

在上面的代碼中，v-for指令將循環遍歷address對象中的屬性值，并將屬性值賦值給變量value，屬性名賦值給變量key，最終輸出到模板中。

值得注意的是，在使用v-for指令時，需要指定一個唯一的key屬性，用于Vue跟蹤每個元素的身份和狀態變化。通常可以使用字符串或數字作為key的值，但不建議使用隨機值或索引作為key的值。如下代碼示例：

在上面的代碼中，每個item對象都有一個唯一的id屬性作為key的值，用于Vue跟蹤每個元素的身份和狀態變化。

通過上面的代碼示例，我們了解了如何在Vue中遍歷json數據，通過v-for指令和Object.keys()方法可以很方便地實現數據遍歷和渲染。