Vue聯動選擇是一種常用的前端交互方式，它可以讓用戶通過選擇條件動態地篩選出符合要求的數據。Vue提供了多個api和指令來實現聯動選擇，下面我們就來一一介紹：

1. v-model指令

<select v-model="selected">
<option v-for="option in options" v-bind:value="option">
{{ option }}
</option>
</select>

使用v-model指令可以將選擇的值綁定到Vue實例的data中，從而實現聯動選擇的效果。以上代碼中，selected是data中定義的變量，options是一個數組。

2. v-bind指令與computed計算屬性

<select v-model="selected1">
<option v-for="option in options1" v-bind:value="option">
{{ option }}
</option>
</select>
<select v-model="selected2" :disabled="!options2.length">
<option v-for="option in options2" v-bind:value="option">
{{ option }}
</option>
</select>

以上代碼中，還使用了v-bind指令和computed計算屬性。當options2數組長度為0時，禁用第二個select框。由于Vue的響應式特性，當options2數組發生變化時，computed屬性將重新計算。

3. watch監聽屬性

watch: {
selected1: function (val) {
this.options2 = this.optionsMap[val] || [];
this.selected2 = '';
}
}

使用watch可以監聽data的變化，并根據變化動態更新頁面。以上代碼中，當selected1變化時，options2數組會更新，selected2被設置為空字符串。

Vue聯動選擇是一種提高用戶體驗的有效手段，使用上述指令和方法可以輕松實現該功能，讓用戶更加方便地篩選所需要的數據。