本文主要是介绍vue创建公共指令文件并引入，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
- 创建公共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>
这篇关于vue创建公共指令文件并引入的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
