在Vue中，獲取input的值通常使用v-model指令，但有時候我們需要通過其他方式獲取input的值。本文將介紹幾種獲取input的value的方法。

1. 直接獲取DOM元素的value屬性

const inputValue = document.querySelector('#input').value;

2. 使用refs屬性獲取DOM元素的value屬性

<template>
<input ref="myInput" v-model="inputValue">
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
submit() {
const inputValue = this.$refs.myInput.value;
console.log(inputValue);
}
}
}
</script>

3. 使用自定義事件獲取input的值

<template>
<input @input="updateInputValue">
<button @click="submit">提交</button>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
updateInputValue(event) {
this.inputValue = event.target.value;
},
submit() {
console.log(this.inputValue);
}
}
}
</script>

以上就是三種獲取input的value的方法。通過這些方法，我們可以靈活、方便地獲取input的值，使得我們的Vue應用具有更高的靈活性。