Vue的input聯動是指兩個或多個輸入框之間的相互關聯，當一個輸入框的值發生變化時，另一個或多個輸入框的值隨之變化。

下面是一個示例，有兩個輸入框分別用于輸入身高和體重，當身高或體重任何一個發生改變時，自動計算BMI指數并顯示在結果框中。

<div id="app">
<input type="number" v-model="height">
<input type="number" v-model="weight">
<div>結果: {{ bmi }}</div>
</div>

new Vue({
el: '#app',
data: {
height: '',
weight: ''
},
computed: {
bmi: function() {
if (!this.height || !this.weight) {
return ''
}
var heightMeters = this.height / 100
var bmi = this.weight / (heightMeters * heightMeters)
return bmi.toFixed(2)
}
}
})

在上面的代碼中，v-model指令與data中的height和weight變量相綁定，這意味著當輸入框的值發生變化時，data中對應的變量也同步發生變化。computed屬性則實現了BMI的計算以及結果的顯示。

除了computed屬性，Vue還提供了watch屬性來監聽變量的變化，并在變量發生變化時執行對應的函數。下面是一個示例，有一個文本輸入框和一個復選框，當復選框選中時，文本輸入框的值被清空。

<div id="app">
<input type="text" v-model="text">
<input type="checkbox" v-model="clearText" true-value="" false-value="0">清空文本框
</div>

new Vue({
el: '#app',
data: {
text: '',
clearText: false
},
watch: {
clearText: function(value) {
if (value) {
this.text = ''
}
}
}
})

在上面的代碼中，v-model指令與data中的text和clearText變量相綁定，clearText變量的true-value和false-value屬性設置為空字符串和0，否則一個未選中的復選框的值為null而不是false。watch屬性中的函數用于監聽clearText變量的變化，當它的值為true時，文本輸入框的值被清空。