- 创建公共js文件 globalDirective.js
// globalDirective.js
export default {install(Vue) {Vue.directive('global-name', { // 指令名// 指令});}
};
- 在main.js文件内引入
// main.js
import globalDirectives from './globalDirectives';
Vue.use(globalDirectives);
- 在vue文件中使用
<template><div v-global-name='Fun'></div>
</template>
<script>methods:{Fun(){console.log('绑定的方法');}}
</script>
)
)
