當我們需要用戶在 input 標簽中輸入一些信息時，往往需要將光標聚焦在該 input 標簽上。在 Vue 中實現該功能的方法很簡單，我們可以使用 v-focus 自定義指令。以下是該自定義指令的代碼實現：

Vue.directive('focus', {
inserted: function (el) {
el.focus()
}
})

在上述代碼中，我們使用 Vue.directive() 方法來創建一個自定義指令。inserted 鉤子函數表示當前指令被插入到 DOM 時調用，我們在該鉤子函數中通過 el.focus() 方法將光標聚焦在當前元素上。

接下來我們在 input 標簽上引用自定義指令：

這樣，當頁面剛剛加載時，光標就會自動聚焦在該 input 標簽上，提高了用戶體驗。

如果我們需要實現需要點擊元素后才能獲取焦點的功能，可以稍微修改自定義指令的代碼：

Vue.directive('focus', {
inserted: function (el) {
el.onclick = function () {
el.focus()
}
}
})

在上述代碼中，我們將事件監聽函數改為 onclick，這樣當用戶點擊該元素時，才會觸發將光標聚焦在當前元素上的行為。

還有一種情況是，當用戶在 input 標簽中輸入信息時，我們需要動態地將光標在字符串末尾位置聚焦，而不是在一開始就將光標聚焦在該元素上。這種情況下，我們需要使用 ref 關鍵字來獲取 input 標簽的 DOM 元素：

在上述代碼中，我們在 mounted 鉤子函數中使用 this.$refs.myInput.focus() 方法來將光標聚焦在 input 元素上。接著，我們使用 this.$refs.myInput.value.length 獲取 input 元素的字符串長度，最后使用 this.$refs.myInput.setSelectionRange() 方法將光標位置定位在字符串末尾。

總之，Vue 的 v-focus 自定義指令是實現 input 標簽自動聚焦的一種很方便的方式。我們可以通過不同的事件觸發方式來決定聚焦時機，或者在頁面渲染后動態地聚焦到字符串末尾。