Vue自定义指令v-focus

Vue.js 允许你注册或获取全局的自定义指令，也可以在组件选项中定义局部的自定义指令。这些指令可以在模板中以 v- 为前缀使用。下面是一个使用 Vue 创建自定义指令 v-focus 的例子：

// 注册一个全局自定义指令 `v-focus`  
Vue.directive('focus', {  
  // 当被绑定的元素插入到 DOM 中时...  
  inserted: function (el) {  
    // 聚焦元素  
    el.focus()  
  }  
})

这个 v-focus 指令可以在任何元素上使用，当元素被插入到 DOM 时，它会自动获取焦点。例如：

<template>  
  <div>  
    <input v-focus>  
  </div>  
</template>

在这个例子中，当 <input> 元素被插入到 DOM 时，v-focus 指令就会使这个 <input> 元素自动获取焦点。