在vue中，我們可以通過v-focus指令自定義獲取焦點的行為，用起來非常簡便。

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

如上代碼所示，我們只需要在需要獲取焦點的元素上添加v-focus指令，然后在Vue實例中定義一個名為focus的全局自定義指令，在inserted鉤子函數中利用原生的focus()方法使元素獲取焦點即可。

需要注意的是，v-focus指令只在inserted鉤子函數中被調用一次，如果需要動態地改變元素的焦點狀態，我們可以通過update鉤子函數進行修改。

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

如上代碼所示，我們在使用v-focus指令時傳入一個布爾值，如果為真，則讓元素獲取焦點，否則不獲取焦點。在自定義指令中，我們利用update鉤子函數來監聽這個布爾值的變化，根據變化的結果來改變元素的焦點狀態。

除了上述方法之外，我們還可以通過使用修飾符來擴展v-focus自定義指令。比如，我們可以為元素添加v-focus.autofocus修飾符，使它在插入到DOM樹中時自動獲取焦點。

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

如上代碼所示，我們在使用v-focus指令時通過.modifiers屬性獲得修飾符對象，通過判斷其中的autofocus屬性來決定是否讓元素獲取焦點。