vue2如何自定义指令？

要在Vue 2中自定义指令，你可以使用`Vue.directive`方法。下面是自定义一个简单的指令的步骤：

1. 在Vue实例化之前定义指令，例如在`main.js`文件中：

// main.js

// 自定义一个简单的全局指令
Vue.directive('highlight', {
  bind(el, binding) {
    // 在绑定指令时执行的逻辑
    el.style.backgroundColor = binding.value;
  }
});

new Vue({
  render: h => h(App),
}).$mount('#app');

2. 在模板中使用指令，例如在组件的模板中：

<template>
  <div>
    <p v-highlight="'yellow'">这是一个自定义指令示例</p>
  </div>
</template>

在上面的例子中，我们定义了一个名为`highlight`的全局指令，并将其绑定到`<p>`元素上。在绑定时，我们通过`binding.value`获取指令的值，然后将元素的背景颜色设置为该值（例如，这里设置为黄色）。

你也可以在组件内定义局部指令，只需将自定义指令放在组件的`directives`选项中即可。例如：

<template>
  <div>
    <p v-my-directive>这是一个局部指令示例</p>
  </div>
</template>

<script>
export default {
  directives: {
    'my-directive': {
      bind(el) {
        // 在绑定指令时执行的逻辑
        el.style.color = 'red';
      }
    }
  }
}
</script>

在这个例子中，我们在组件的`directives`选项中定义了一个名为`my-directive`的局部指令，并将其绑定到`<p>`元素上。在绑定时，我们将元素的文字颜色设置为红色。

希望这能帮到你！