vue-cli中如何自定义指令

在vue-cli中自定义指令，需要在项目中新建一个指令的文件，通常用于全局指令的注册。步骤如下：

1. 在项目的src目录下，新建一个文件夹directives，用于存放自定义指令的文件。

2. 在directives文件夹下，新建一个myDirective.js的文件，用于编写自定义指令的代码。

3. 在myDirective.js文件中，定义一个指令对象，包括指令名称、指令的操作等。

例如：

export default {
  name: 'myDirective',
  bind: function (el, binding, vnode) {
    // 操作指令的代码
  }
}

4. 在main.js文件中，引入myDirective.js文件，并注册为全局指令。

例如：

import myDirective from './directives/myDirective.js'

Vue.directive('myDirective', myDirective)

5. 在组件中使用自定义指令。

例如：

<template>
  <div v-myDirective></div>
</template>