vue自定义指令写法

Vue自定义指令的写法如下：

1. 在Vue实例中，使用`Vue.directive()`方法来注册自定义指令。该方法接受两个参数，第一个参数是指令的名称，第二个参数是一个对象，包含了指令的相关配置。

2. 在配置对象中，可以定义如下几个钩子函数：
- `bind`: 指令绑定到元素时触发。
- `inserted`: 元素插入到父节点时触发。
- `update`: 组件更新时触发。
- `componentUpdated`: 组件更新完成时触发。
- `unbind`: 指令与元素解绑时触发。

3. 在钩子函数内部，可以通过`el`参数获取到当前绑定指令的DOM元素，通过`binding`参数获取到指令的相关信息，例如传入的值、修饰符等。

下面是一个示例的Vue自定义指令的写法：

Vue.directive('my-directive', {
  bind(el, binding) {
    // 指令绑定到元素时触发
    // el为当前绑定的DOM元素
    // binding为指令的相关信息
  },
  inserted(el, binding) {
    // 元素插入到父节点时触发
  },
  update(el, binding) {
    // 组件更新时触发
  },
  componentUpdated(el, binding) {
    // 组件更新完成时触发
  },
  unbind(el, binding) {
    // 指令与元素解绑时触发
  }
});