要提高效率，可以使用雙向綁定(selectedIndex與數據源)來實現。這種方法可以減少代碼量，減少重復的邏輯處理，并且能夠實時更新UI和數據源的變化。
以下是一個示例代碼，展示如何使用Vue.js的雙向綁定來綁定selectedIndex：
<template>
<div>
<select v-model="selectedIndex">
<option v-for="(item, index) in items" :value="index">{{ item }}</option>
</select>
<p>Selected item: {{ items[selectedIndex] }}</p>
</div>
</template>
<script>
export default {
data() {
return {
items: ['Item 1', 'Item 2', 'Item 3'],
selectedIndex: 0
};
}
};
</script>
在這個示例中，我們使用v-model指令將selectedIndex與select元素進行雙向綁定，當selectedIndex發生變化時，select元素的選中項也會相應地變化。同時，我們在頁面上展示了選中項的內容，通過items[selectedIndex]來獲取當前選中項的值。
使用雙向綁定可以簡化代碼邏輯，并且提高效率，因為它能夠實時同步UI和數據源的變化。
