vue directive 批量注册自定义指令

在 vue 中，除了核心功能默认内置的指令 ( v-model 和 v-show )，vue 也允许注册自定义指令。它用于开发人员在某些场景下对普通 DOM 元素进行操作。

当项目中的自定义指令很多时，可以采用批量注册自定义指令的方式。如下：

1）新建 directives/index.js 文件来注册所有的全局指令：

import bgcolor from './bgcolor'
import textcolor from './textcolor'
// 自定义指令
const directives = {
   
  bgcolor,
  textcolor,
}

export default {
   
  install (Vue) {
   
    Object.keys(directives