前端開發(fā)中經(jīng)常會涉及到頁面中下拉框的數(shù)據(jù)獲取，Vue作為一款流行的前端框架，自然也提供了相應(yīng)的獲取option值的方法。

HTML:
<select v-model="selected">
<option v-for="option in options" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
JavaScript:
data: {
selected: ''
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
// 獲取option的值
this.selected;

在上面的代碼中，首先是HTML代碼，我們使用了Vue提供的v-for指令循環(huán)綁定option標(biāo)簽，同時使用了v-model指令把當(dāng)前選中的值綁定到Vue實例的selected屬性上。接著是JavaScript代碼，我們定義了Vue實例的data屬性，包括selected屬性和options屬性。selected屬性表示當(dāng)前選中的option值，options屬性存儲option選項的數(shù)據(jù)。最后使用this.selected獲取當(dāng)前選中的option值。

如果要獲取所有option的值，我們可以使用class或id為select的HTML元素，然后通過遍歷其options，逐一獲取option值。

HTML:
<select id="select" multiple>
<option value="A">One</option>
<option value="B">Two</option>
<option value="C">Three</option>
</select>
JavaScript:
// 獲取select元素及其所有option子元素
var select = document.getElementById("select");
var options = select.options;
var values = [];
// 遍歷option選項，獲取value值
for (var i = 0; i< options.length; i++) {
if (options[i].selected) {
values.push(options[i].value);
}
}
// 輸出所有value值
console.log(values);

在上述代碼中，我們通過id獲取了select元素，然后遍歷其options，獲取被選中的option元素的value值，并把它們存儲在一個數(shù)組中。最后通過控制臺輸出所有value值。

以上便是Vue中獲取option值的方法，無論是獲取單個option的值還是獲取多個option的值，都有相應(yīng)的實現(xiàn)方法。在實際開發(fā)中，根據(jù)具體情況選擇合適的方法就好。