在Vue中讀取JSON非常容易。首先你需要通過(guò)AJAX或其他方法獲取JSON文本數(shù)據(jù)，然后通過(guò)Vue的方法將其轉(zhuǎn)化成對(duì)象，最后就可以像任何其他JavaScript對(duì)象一樣使用它了。

下面是一個(gè)讀取JSON的示例：

// 獲取JSON數(shù)據(jù)
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onload = function () {
if (xhr.status === 200) {
// 將JSON文本轉(zhuǎn)換成JavaScript對(duì)象
var data = JSON.parse(xhr.responseText);
// 創(chuàng)建Vue實(shí)例
var vm = new Vue({
el: '#app',
data: {
items: data
}
});
}
};
xhr.send();

在上面的示例中，我們通過(guò)XMLHttpRequest獲取JSON數(shù)據(jù)并將其轉(zhuǎn)換成JavaScript對(duì)象。然后我們創(chuàng)建了一個(gè)Vue實(shí)例，并將該對(duì)象傳遞給Vue實(shí)例中的data屬性。

現(xiàn)在，我們可以在Vue模板中使用該對(duì)象的數(shù)據(jù)了。例如：

{{ item.name }} - {{ item.age }}

在上述模板中，我們使用v-for指令來(lái)遍歷對(duì)象中的數(shù)據(jù)，并將其渲染到HTML中。最終我們會(huì)得到一個(gè)類似這樣的輸出：

• John - 25
• Jane - 30
• Bob - 20

在Vue中讀取JSON非常簡(jiǎn)單，只需要獲取到JSON文本數(shù)據(jù)，將其轉(zhuǎn)化成JavaScript對(duì)象，并將該對(duì)象傳遞給Vue實(shí)例即可。之后你就可以像其他JavaScript對(duì)象一樣在Vue中使用該對(duì)象的數(shù)據(jù)了。