Vue.js 是一款 MVVM 架構的前端開發框架，其提供了一種聲明式的、簡潔的、基于組件的視圖模板語法。其中最基本的一個核心概念就是 Virtual DOM（虛擬 DOM），而 DOM 計算則是其中的一個重要的部分。

在 Vue 中，當我們修改了數據，Vue 會自動觸發 Virtual DOM 的重新渲染流程。在這個過程中，Vue 會對我們的模板進行 AST（抽象語法樹）分析，生成對應的渲染函數，最后生成真實的 DOM。這當然需要計算 DOM 的屬性和節點信息。

// 以 input 元素為例
var input = {
tag: 'input',
attrs: {
type: 'text',
placeholder: '請輸入用戶名'
}
}
var vnode = h(input.tag, input.attrs)

以上代碼定義了一個 input 元素，并使用 Vue 中的 h 函數來生成對應的 vnode。在生成 vnode 的過程中，我們需要計算節點的屬性、樣式、事件等信息，才能最終生成最終的 vnode。

Vue 中使用的 Virtual DOM 的 diff 算法，需要比較新舊 vnode 之間的差異，所以對于每個新的 vnode，我們都需要計算其屬性和節點信息，并轉化成真實的 DOM 元素。這個過程中，Vue 會盡可能的在計算中進行優化，以達到更高的渲染效率。

總之，Vue 中的 DOM 計算是整個 Virtual DOM 渲染過程中的一個重要部分。在 Vue 中，我們通過修改數據來觸發 Virtual DOM 的重新渲染流程，Vue 實現了一種快速、高效的前端開發方式。