在 Vue 中，修改回顯是非常重要的功能之一。它可以讓用戶在進行一些操作（比如更新數據等），在操作完成之后能夠及時地看到數據的變化。而 Vue 中的修改回顯也非常方便實現。

在 Vue 中，我們可以通過 v-model 指令來實現雙向數據綁定，這樣就可以將數據綁定到表單控件上。當用戶在表單控件上進行操作時，Vue 會自動更新數據，同時界面上的數據也會發生變化。但是，在實際開發中，我們經常需要將一個已經存在的數據顯示到表單控件上，然后進行修改。這時就需要用到 v-model 的一個擴展 —— v-bind。

上面的代碼中，我們通過 v-model 綁定了一個數據到 input 框上。如果我們需要讓 input 框顯示一個已經存在的數據，那么只需要使用 v-bind 指令即可。

這樣，我們就可以將數據綁定到 input 框上，讓用戶進行修改。但是，如果用戶修改了表單的內容，我們怎樣才能將修改后的數據保存下來呢？其實，只需要在 input 框上再次使用 v-model 指令即可。

這樣，當用戶在 input 框中進行修改時，Vue 會自動更新數據，從而實現了修改回顯的功能。

當然，在實際開發中，我們需要考慮更加復雜的場景。比如說，如果我們需要修改的是一個復雜的數據結構，那么怎樣才能實現修改回顯呢？這時，我們可以使用 Vue 提供的 computed 屬性。

data() {
return {
user: {
firstName: 'John',
lastName: 'Doe'
}
}
},
computed: {
fullName: {
get() {
return `${this.user.firstName} ${this.user.lastName}`
},
set(newValue) {
const names = newValue.split(' ')
this.user.firstName = names[0]
this.user.lastName = names[names.length - 1]
}
}
}

在上面的代碼中，我們定義了一個 computed 屬性，用來獲取和設置 fullName 屬性。fullName 實際上是由 user.firstName 和 user.lastName 拼接得到的。

在表單控件中，我們使用 v-model 指令綁定 fullName 屬性，這樣，當用戶在表單控件中進行修改時，Vue 會自動更新數據。而 computed 屬性中的 setter 方法則會在數據發生變化時觸發，從而完成數據更新的操作。

這樣，我們就可以靈活地運用 Vue 的雙向數據綁定功能來實現修改回顯的需求。