select元素是一種常用的表單控件，Vue.js提供了一種簡單的方式來監聽該元素的變化。通過v-model指令，我們可以將select元素的選中值與Vue實例的一個屬性綁定。在選中值發生變化時，該屬性的值也會隨之變化。

首先，我們可以在HTML模板中使用select元素及其選項：

<select v-model="selectedOption">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>

上面的代碼中，我們使用v-model指令將select元素的選中值與Vue實例的selectedOption屬性綁定。這樣，在選項變化時，selectedOption屬性的值也會相應地變化。

如果我們需要在選中值發生變化時執行一些代碼，就可以使用watch選項，監聽selectedOption屬性的變化：

watch: {
selectedOption: function (newVal, oldVal) {
// Code to be executed when selectedOption changes
}
}

上面的代碼中，我們使用watch選項監聽selectedOption屬性的變化。當selectedOption發生變化時，watch選項指定的回調函數會被調用。在這個函數中，我們可以編寫需要執行的代碼。

除了watch選項，我們還可以通過computed屬性來監聽select元素的變化。computed屬性允許我們根據Vue實例的狀態來計算出一個新的屬性值。我們可以計算出所選選項的詳細信息，并將其顯示在模板中：

computed: {
selectedOptionDetails: function () {
// Compute detailed information about selected option
return {
value: this.selectedOption,
label: this.getOptionLabel(this.selectedOption)
};
}
},
methods: {
getOptionLabel: function (optionValue) {
// Code to get label for the specified option value
}
}

上面的代碼中，我們通過computed屬性計算出所選選項的詳細信息。在computed屬性所指定的回調函數中，我們返回了一個包含所選選項值和標簽的對象。這個對象可以在模板中使用。

如上所述，Vue.js提供了一種簡單的方式來監聽select元素的變化。通過v-model指令和watch或computed選項，我們可以在選中值發生變化時執行相應的代碼。