input取值是web開發中一個重要的方面，Vue.js可以幫助我們更加方便地實現這個功能。在Vue.js中，我們可以使用v-model指令對input元素進行綁定。在用戶輸入內容時，input元素自動將值同步到Vue.js實例的數據中。

<div id="app">
<input v-model="message">
<p>{{ message }}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: ''
}
})
</script>

在上述代碼中，我們將一個input元素綁定到Vue.js實例的message數據上。當用戶輸入內容時，input元素的value值會自動同步到message上，并且會在下面的p元素中實時顯示。

使用v-model指令實現input取值時，我們還可以添加修飾符來控制輸入的格式或限制用戶的輸入。

<input v-model.number="age"> // 將輸入值轉換為數字類型
<input v-model.trim="name"> // 去掉輸入值的首尾空格
<input v-model.lazy="email"> // 在change事件觸發時同步值
<input v-model="message" maxlength="10"> // 限制輸入長度為10個字符

除了使用v-model指令取值外，我們還可以通過ref屬性獲取input元素的引用，并通過$refs對象訪問input元素的value值。這種取法適用于需要手動控制input取值的情況。

<div id="app">
<input ref="input">
</div>
<script>
var app = new Vue({
el: '#app',
methods: {
getInputValue: function() {
var value = this.$refs.input.value
console.log(value)
}
}
})
</script>

在上述代碼中，我們使用ref屬性給input元素命名為input，然后在Vue.js實例中的方法getInputValue中通過$refs.input獲取該元素的引用，并訪問其value屬性獲取value值。

綜上所述，Vue.js提供了多種便捷的方法獲取input元素的值。通過學習和使用Vue.js，我們可以更加高效地完成Web應用程序的開發工作。