vue+webpack自定义指令全局导入方法

第一步

首先在src目录下创建一个指令模块文件夹，里面有一个index.js
src/directives/index.js

// index.js
module.exports = {
	firstDir: {
		inserted: function(el, binding, vm) {
			console.log(el);
		},
		componentUpdated: function(el, binding, vm) {
			console.log(el);
		}
	},
	secondDir: {
		inserted: function(el, binding, vm) {
			console.log(el);
		},
		componentUpdated: function(el, binding, vm) {
			console.log(el);
		}
	}
}

第二步

然后在main.js里进行引入和全局调用

// main.js里全局指令导入
import * as directives from '@/directives/'
Object.keys(directives).forEach(key => Vue.directive(key, directives[key]))

关于更多指令官网教程