在Vue中，我們經常遇到各種DOM操作，比如更改節點內容、樣式、位置、添加刪除節點等等。這些操作大多是通過Vue提供的指令、事件等方式實現的。然而，在有些情況下，我們需要直接操作DOM元素，這時就會遇到DOMException。

<div v-for="item in items" v-bind:key="item.id">
{{ item.name }}
<button v-on:click="deleteItem(item)">刪除</button>
</div>
...
deleteItem(item) {
try {
const element = document.getElementById(item.id);
element.parentNode.removeChild(element);
} catch (e) {
if (e instanceof DOMException && e.name === "NotFoundError") {
console.log("元素未找到");
} else {
console.log("其他錯誤：" + e.message);
}
}
}

以上代碼中，我們在頁面中渲染了一個列表，每個條目后面有一個“刪除”按鈕。在點擊“刪除”按鈕時，我們嘗試通過DOM操作刪除對應的條目元素。

在這個過程中，如果元素已經從頁面中移除了，那么執行removeChild方法時就會拋出DOMException異常，異常類型為NotFoundError，這時我們需要捕獲這個異常，并進行處理。

當然，DOMException并不只會在removeChild方法中出現，其他DOM操作方法中也可能會遇到相似的異常，我們需要根據具體情況進行處理。