Vue 3雙向綁定提供了更好的性能和更強的類型推斷，讓Vue應用程序更加強大。雙向綁定的概念是當用戶更改UI中的值時，模型也相應地更新。而當模型中的值被更改時，UI中的值也會更新。Vue3采用了Proxy對象來實現雙向綁定。

下面是一個簡單的雙向綁定示例：

<div id="app">
<input type="text" v-model="greeting" />
<p>{{ greeting }}</p>
</div>
<script>
const app = Vue.createApp({
data() {
return {
greeting: 'Hello, Vue!'
}
}
})
app.mount('#app')
</script>

在上面的代碼中，雙向綁定是通過v-model指令實現的。當我們在輸入框中輸入時，頁面上的p元素實時更新。我們在Vue實例的data中定義了一個greeting屬性，并將其初始值設置為“Hello, Vue!”。

如果我們想對greeting數據添加類型檢查，我們可以通過Typescript和Vue3的結合來實現。下面是一個使用Typescript的Vue3示例：

<div id="app">
<input type="text" v-model="greeting" />
<p>{{ greeting }}</p>
</div>
<script lang="ts">
interface DataProps {
greeting: string
}
const app = Vue.createApp<{}, DataProps>({
data(): DataProps {
return {
greeting: 'Hello, Vue!'
}
}
})
app.mount('#app')
</script>

在這個示例中，我們定義了一個DataProps接口，在Vue.createApp方法中傳入接口，并將Vue實例的泛型參數設為{}（表示沒有props）。在該示例中，我們將greeting屬性設置為字符串類型。

總的來說， Vue 3的雙向綁定提高了Vue應用程序的性能和類型檢查。Vue 3采用了Proxy對象來實現雙向綁定，這意味著我們現在可以更容易地創建復雜的應用程序，并減少應用程序中的性能瓶頸。