批量全局引入指令，可以通過(guò)forEach遍歷Vue.directive注冊(cè)

import * as directives from './directives'
// 注冊(cè)指令
Object.keys(directives).forEach(k => Vue.directive(k, directives[k]))

這篇文章可以幫助你了解全局指令封裝
https://segmentfault.com/a/11...

import Vue from 'vue'

// https://webpack.js.org/guides/dependency-management/#require-context
const requireDirective = require.context(
  // 指令目錄
  './directives',
  // 不查找子目錄
  false,
  // js文件
  /.+\.js$/
)

// 對(duì)每個(gè)配匹的文件
requireDirective.keys().forEach(fileName => {
  // 請(qǐng)求指令模塊
  const directiveConfig = requireDirective(fileName)

  const directiveName = fileName
        // 移除開始的 './'
        .replace(/^\.\//, '')
        // 移除文件擴(kuò)展
        .replace(/\.\w+$/, '');
 
  // 注冊(cè)指令, 文件名作為指令名
  Vue.directive(directiveName, directiveConfig.default || directiveConfig)
})