vue 如何自定义指令

要自定义 Vue 指令，可以通过 Vue.directive() 方法来实现。该方法接受两个参数，第一个参数是指令的名称，第二个参数是一个对象，该对象包含指令的各种配置选项。

例如，如果想要自定义一个叫做 "focus" 的指令，可以使用如下代码：

Vue.directive('focus', {
  // 指令的定义
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

在上面的代码中，我们定义了一个名为 "focus" 的指令，该指令的 inserted 钩子函数会在绑定的元素被插入到 DOM 中时被调用，此时我们可以通过 el.focus() 方法将焦点聚焦到该元素上。

使用自定义指令时，只需要在元素上使用 v- 指令的形式，例如：

<input v-focus>

上面的代码中，我们在 input 元素上使用了 v-focus 指令，当该元素被插入到 DOM 中时，会自动聚焦到该元素上。