Vue中的表單操作非常便捷，其中包括聚焦到表單元素上。使用v-focus指令，我們可以讓表單元素自動聚焦，從而提高用戶體驗。

Vue.directive('focus', {
inserted: function (el, binding) {
// 取消timeout即可實現立即聚焦
setTimeout(function(){
el.focus();
}, 0);
}
})

以上代碼創建了一個v-focus指令，當元素插入到DOM中時，會自動聚焦到該元素上。需要注意的是，由于聚焦操作是異步的，因此需要在一個setTimeout函數中執行。

使用v-focus指令非常簡單，只需要在表單元素上加上v-focus屬性即可：

這樣，在頁面加載時，頁面元素就會自動聚焦到該文本框上。

除了頁面加載時自動聚焦外，我們還可以通過點擊事件、交互事件等觸發聚焦操作：

聚焦到文本框// methods中添加以下方法
focusInput () {
this.$refs.textInput.focus();
}

在上述代碼中，我們新增了一個按鈕，通過@click事件觸發focusInput方法，在該方法中，使用$refs獲取文本框元素，然后手動調用focus()方法，即可聚焦到該文本框上。

v-focus指令使得表單操作變得非常簡便，在一些需要強制用戶輸入性質的交互場景中非常實用。通過上述方法，我們可以快速實現表單元素的自動聚焦。