Vue.js 是一款流行的 JavaScript 框架，在前端開發中使用非常廣泛。它非常方便地讓我們展示 JSON 數據。在 Vue.js 中，我們可以使用 v-for 指令輕松循環遍歷并展示 JSON 數據。

假設我們有一個這樣的 JSON 數據：

{
"name": "張三",
"age": 20,
"gender": "男"
}

現在我們想在網頁上展示這個 JSON 數據，我們可以這樣做：

<div id="app">
<ul>
<li v-for="(value, key) in person">
{{ key }}: {{ value }}
</li>
</ul>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
person: {
"name": "張三",
"age": 20,
"gender": "男"
}
}
});
</script>

在上面的代碼中，我們首先在 HTML 中定義了一個 id 為 app 的 div，然后在 Vue.js 的實例中定義了一個名為 person 的對象，它的值就是我們想要展示的 JSON 數據。接著，在 HTML 中使用 v-for 指令遍歷 person 對象，獲取到它的每一個屬性 key 和對應的值 value，并將它們展示出來。

運行上面的代碼，我們就可以看到下面這樣的結果：

• name: 張三
• age: 20
• gender: 男

這樣，我們就實現了在網頁上展示 JSON 數據的功能。