Vue.js 是一種現代化的 JavaScript 框架，主要用于構建交互式的用戶界面。這個框架可以輕松地將數據和模板綁定起來，從而實現自動渲染的功能。Vue.js 的一個非常重要的特性是它能夠動態地更新 HTML 頁面中的數據，從而使得用戶界面可以非常靈活地實現。

在 Vue.js 中，HTML 中的數據可以使用 Mustache 語法來綁定。Mustache 語法是一種簡單易懂的模板語言，它用“{{}}”來表示變量，并且支持循環和條件語句。在 Vue.js 中，我們可以使用 v-bind 指令將 Vue 實例中的數據與 HTML 元素動態綁定起來。這樣，當 Vue 實例中的數據變化時，HTML 元素中的內容也會自動更新。

{{ message }}
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

在上面的代碼中，我們可以看到，Vue 實例中的 message 變量被綁定到了 HTML 元素中的“{{ message }}”中。當 Vue 實例中的 message 變量改變時，HTML 元素中的內容就會自動更新。

除了使用 v-bind 指令來綁定數據以外，Vue.js 還提供了一些其他的指令來動態地渲染 HTML 數據。例如，v-if 指令可以用來根據某個條件來動態地顯示或隱藏某個 HTML 元素。同樣地，v-for 指令可以用來循環渲染一個數組中的數據。Vue.js 的這些指令使得我們可以非常靈活地控制 HTML 頁面中的數據。

{{ item }}
var app = new Vue({
el: '#app',
data: {
items: ['apple', 'banana', 'orange']
}
})

在上面的代碼中，我們使用 v-for 指令循環渲染了一個數組中的數據，并將它們顯示在 HTML 頁面中的一個列表中。

總的來說，Vue.js 提供了非常豐富的指令來動態地渲染 HTML 數據。通過了解和掌握這些指令，我們可以更加靈活地控制和展示 HTML 頁面中的數據，從而讓我們的用戶界面變得更加優美和易用。