全局注册
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 }