vue directives中的自定义指令如何抽取出来供所有vue文件一起使用，代码示例

要想抽取自定义指令并在所有 Vue 组件中使用，需要使用 Vue 的插件机制。以下是一个示例代码：

1. 先创建一个 directives.js 文件，把自定义指令写在里面：

export default {
  // 自定义指令名为highlight，用于高亮文本
  highlight: {
    inserted: function(el) {
      el.style.backgroundColor = 'yellow';
    }
  }
}

2. 创建一个插件，将 directives.js 中的指令注册为全局指令：

import directives from './directives.js';

export default {
  install(Vue) {
    Object.keys(directives).forEach((key) => {
      Vue.directive(key, directives[key]);
    });
  }
}

3. 在 main.js 中引入插件，并注册：

import Vue from 'vue';
import directivesPlugin from './directivesPlugin.js';

Vue.use(directivesPlugin);

4. 在任意 Vue 组件中使用：

<template>
  <div v-highlight>这段文本会被高亮</div>
</template>

<script>
export default {
  // ...
}
</script>

<style>
/* ... */
</style>

以上代码示例中，自定义指令为 highlight，插件为 directivesPlugin，注意在 main.js 中注册插件时使用了 Vue.use() 方法，这样在所有组件中都可以使用该插件注册的指令。