vue局部注册指令和全局注册指令

全局注册

1、目录下创建directive文件夹，然后下面就是各指令文件，还有一个总包括指令directive.js，标识所有的指令都会引入到这里

import  testA  from './testA'
import  testB  from './testB'


const directives = {
    testA, testB
};

// 批量注册
export default {
    install(Vue) {
        Object.keys(directives).forEach((key) => {
            Vue.directive(key, directives[key])
        })
    }
}

2、在main中全局注册

import Directive from './directive'
Vue.use(Directive)

局部注册

1、创建一个指令文件test.js

const test = {
// 指令内容...........
}
test.install = function(Vue) {
  Vue.directive('test', test)
}

export default test

2、在需要用到指令的页面中

import test from './test'
directives: { test }