在Vue中，常常需要對DOM元素進行修改或者數據進行更新。Vue提供了豐富的指令和API，使得我們能夠優雅地完成這些操作。

在Vue中，修改DOM元素的方式有兩種：指令和模板。比較常見的指令有v-if、v-for、v-bind、v-on等等。這些指令可以在HTML標簽上綁定對應的數據，并在數據更新時自動更新DOM元素。比如我們可以使用v-if指令控制一個元素的顯示與隱藏：

這是一個被控制的元素。

這里的show是一個布爾值類型的數據，當其為true時，該元素會顯示，為false時則會隱藏。

除了指令外，Vue還提供了多個API可以用來修改DOM元素，其中最常用的API是$set、$delete和$nextTick。$set可以用來添加新的屬性和值至一個響應式對象中，比如：

this.$set(this.obj, 'newProp', 123)

這里的obj是一個響應式對象，$set會在obj對象中添加一個新的屬性newProp，并將其值設為123。同樣的$delete可以用來刪除對象中的某個屬性：

this.$delete(this.obj, 'propToDelete')

這里的obj是一個響應式對象，$delete會刪除obj中的屬性propToDelete。

有時候我們需要在DOM更新后執行一些操作，比如獲取修改后的DOM元素尺寸等等。此時可以使用$nextTick API。$nextTick會在DOM更新之后執行回調函數，比如：

this.$nextTick(function () {
// DOM 更新后的回調
})

以上就是Vue中修改DOM元素和數據的基本方式。掌握了這些技巧之后，我們就可以輕松地完成各種各樣的Vue應用。