在Vue中，我們可以使用v-focus指令讓輸入框自動聚焦。v-focus指令是自定義指令，可以通過Vue.directive()方法來創建。下面是一個簡單的例子：

Vue.directive('focus', {
inserted: function (el) {
el.focus()
}
})
<input v-focus></input>

在上面的例子中，我們創建了一個名為“focus”的自定義指令，并在inserted鉤子中使用了原生的focus()方法將el（即我們的輸入框）聚焦。

自定義指令還可以傳遞參數。例如，我們可以創建一個帶有參數的v-focus指令來控制輸入框聚焦的時機：

Vue.directive('focus', {
inserted: function (el, binding) {
if (binding.value) {
el.focus()
}
}
})
<input v-focus="shouldFocus"></input>

在這個例子中，我們傳遞了一個名為“shouldFocus”的參數，如果這個參數的值為true，則輸入框會聚焦。

使用自定義指令可以讓我們方便地管理輸入框的聚焦狀態，但是在某些情況下，我們可能需要手動控制輸入框的聚焦狀態。例如，在點擊一個按鈕后讓輸入框聚焦。我們可以使用$refs來實現這一功能：

<template>
<div>
<input ref="input"></input>
<button @click="focusInput">聚焦</button>
</div>
</template>
<script>
export default {
methods: {
focusInput: function () {
this.$refs.input.focus()
}
}
}
</script>

在這個例子中，我們使用了ref屬性來獲取輸入框的引用，并在focusInput方法中使用了$refs.input.focus()方法來聚焦輸入框。