在Vue中，我們可以使用原生數據來展示數據。原生數據是一種特殊的Vue實例，用于存儲數據以供展示。

通過使用Vue的數據綁定功能，我們可以將原生數據與視圖綁定在一起，以便動態更新數據。在Vue中，我們可以使用以下方式展示原生數據：

<div id="app">
{{ message }}
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
message: "Hello World!"
}
});
</script>

上面的代碼展示了一個簡單的原生數據。在data對象中，我們定義了一個名為message的屬性，其值為“Hello World！”。在Vue實例中，我們可以使用Vue的雙花括號語法將數據綁定到HTML元素上。這樣，頁面上的<div>元素會顯示“Hello World！”。

Vue的數據綁定功能還支持其他方式的數據展示。例如，我們可以使用v-bind指令將數據綁定到HTML元素的屬性上：

<div id="app">
<img v-bind:src="imageUrl">
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
imageUrl: "https://example.com/image.jpg"
}
});
</script>

上面的代碼展示了一個簡單的圖像URL。我們使用Vue的v-bind指令將數據綁定到<img>元素的src屬性上。這樣，頁面上的圖像就會從定義的URL加載。

Vue的數據展示功能也支持使用計算屬性展示數據。計算屬性是Vue中的一種特殊的響應式屬性，其值是根據其他數據計算而來的。

<div id="app">
{{ reversedMessage }}
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
message: "Hello World!"
},
computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}
});
</script>

上面的代碼展示了如何使用計算屬性來反轉字符串。我們在Vue實例中定義了一個計算屬性reversedMessage，其值是基于message屬性計算而來的反轉字符串。

總之，Vue的原生數據展示功能是非常強大和靈活的。無論你是使用雙花括號語法、v-bind指令還是計算屬性，Vue都可以幫助你輕松地展示和更新數據。