最简单的导入/需要Vue.js指令的方法？

Question

我正在尝试将我的插件组织成自定义的Vue指令，这可能很简单：

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

并将它们保存在单独的文件中，以便在主JS文件或Vue（ify）组件中导入，例如：

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

我尝试过多次export default设置，但我似乎无法让它工作。什么是最干净（即最佳实践）的方式？

Answer 1

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

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

这个代码进入let say directive / global.js文件。 然后在你的app.js或入口点文件中使用这个

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

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