在Vue中函數傳遞DOM是一種非常常見的技巧。在Vue中，您可以通過傳遞一個函數來改變某些DOM元素的值。

Vue框架將DOM渲染函數作為參數傳遞給Vue實例中的模板，以更新DOM。這個函數接受一個變量作為參數，該變量指定要更新的DOM元素的值。

new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
changeMessage: function () {
this.message = 'Hello World!'
}
}
})

在這個示例中，我們創建了一個Vue實例，并將它綁定到HTML中的一個具有id“app”的DOM元素上。我們還在Vue實例中聲明了一個數據屬性message，并將其初始化為'Hello Vue!'。

我們還定義了一個函數changeMessage()，它將更新message屬性的值為'Hello World!'。該函數將在模板中調用，以更新我們的DOM元素。

{{ message }}
Change Message

這是我們的HTML模板。我們簡單地使用Vue的模板語法將我們的message屬性綁定到一個p標簽中，并使用v-on:click指令綁定了changeMessage()函數，它將在用戶單擊按鈕時被調用。

當用戶單擊按鈕時，Vue實例將調用changeMessage()函數，將message屬性的值設置為'Hello World!'。由于我們已經將message屬性與DOM綁定，因此DOM元素的值也會隨之更新。

Vue通過這種方式實現了數據驅動的DOM更新。這種方法非常強大，因為它使您幾乎可以自由地編寫任何類型的操作，以更新您的DOM元素。

在Vue中使用函數傳遞DOM是一個非常有用的技巧，可以幫助您更好地控制您的應用程序，并使您的代碼更具可讀性和可維護性。