Vue提供了多種方法來獲取所有輸入框的值。在使用Vue實現數據雙向綁定的時候，我們通常需要在提交表單或者進行其它操作前，獲取所有輸入框的值。下面我們將介紹Vue中獲取所有輸入框的值的方法。

第一種方法是通過v-model指令綁定數據，然后在Vue實例中獲取數據。我們需要在模板中使用v-model指令來綁定數據，并設置一個變量來保存輸入框的值。例如：

<input type="text" v-model="inputValue" />

我們可以在Vue實例中訪問這個變量，從而獲取輸入框的值。例如：

new Vue({
data: {
inputValue: ''
},
methods: {
getAllValues: function() {
console.log(this.inputValue);
}
}
});

假設有多個輸入框，我們需要為每個輸入框設置相應的變量來保存其值。然后在Vue實例中獲取所有的變量。例如：

new Vue({
data: {
input1: '',
input2: '',
input3: ''
},
methods: {
getAllValues: function() {
console.log(this.input1);
console.log(this.input2);
console.log(this.input3);
}
}
});

第二種方法是通過$refs來獲取輸入框的值。我們需要在模板中為每個輸入框設置ref屬性。例如：

<input type="text" ref="input1" />

然后在Vue實例中使用$refs來獲取輸入框的值。例如：

new Vue({
methods: {
getAllValues: function() {
console.log(this.$refs.input1.value);
}
}
});

同樣的，如果有多個輸入框，我們可以通過遍歷$refs來獲取所有的輸入框的值。例如：

new Vue({
methods: {
getAllValues: function() {
for(var key in this.$refs) {
console.log(this.$refs[key].value);
}
}
}
});

以上就是在Vue中獲取所有輸入框的值的方法。無論是使用v-model指令還是$refs，都可以輕松地獲取所有輸入框的值，并實現數據的雙向綁定。希望本文能夠幫助到大家。