Javascript 导入/需要Vue.js指令的最干净方式？

我正在尝试将插件组织到自定义Vue指令中，这可能是一个简单的过程，如：

Vue.directive('popout', {
    bind() {
        $(this.el).popOut();
    }
});

并将其保存在单独的文件中，以便导入到主JS文件或Vue（ify）组件中，如下所示：

require('./directives/popout.js');

---

我尝试了许多导出默认设置，但似乎无法使其正常工作。最干净（即最佳实践）的方法是什么？

我得到了解决方案，下面是代码

import Vue from 'vue';
export const global= {
 bind(el, binding, vnode) {
     console.log('you code');
 }
};

这段代码放在指令/global.js文件中。 然后在app.js或入口点文件中使用

import { global } from './directive/global.js';
Vue.directive('global', global);

---

第一行将导入该指令，因为我们使用相同的名称仅用于全局，第二行使您的指令为全局。希望能有所帮助

指令是一个不需要全局注册的指令（

Vue.directive（…）

）您不需要从这些文件导入任何内容，也不需要任何导出。只需确保您

从其中的“Vue”导入Vue即可。

。嗨，奥斯卡，我想知道您是否找到了解决此问题的方法，是否可以与他人分享-谢谢