Vue.js 是一種流行的 JavaScript 框架，主要用于構建用戶界面。Vue.js 使用虛擬 DOM (Virtual DOM) 來更新真實 DOM，這允許 Vue.js 在數據發生更改時之和更新需要更新的元素，而不是更新整個 DOM。這種方式比傳統直接更新整個 DOM 的方式更高效，因為 Vue.js 可以預測變化，只更新需要更改的元素。

下面是示例代碼，說明 Vue.js 使用虛擬 DOM 和更新的過程：

// 創建 Vue 實例，并將其掛載到頁面上
new Vue({
el: '#app',
data: {
message: 'Hello, World!'
}
})

在 HTML 中，我們使用如下方式渲染 message 變量：

{{ message }}

當數據發生變化時，Vue.js 只會更新需要更新的元素，而不是整個 DOM。例如：

// 更新 message 變量的值
new Vue({
el: '#app',
data: {
message: 'Bonjour, le monde!'
}
})

在這個例子中，Vue.js 只會更新內部的文本節點。這種方式使得 Vue.js 更加高效，能夠處理更多的數據變化，同時保持頁面的性能和響應。