导入/需要 Vue.js 指令的最简洁方式？答案

【问题标题】：Cleanest way to import/require a Vue.js directive?导入/需要 Vue.js 指令的最简洁方式？
【发布时间】：2016-07-18 07:53:57
【问题描述】：

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

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

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

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

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

【问题讨论】：

指令是禁止的
由于您似乎不想在全球范围内注册它们 (Vue.directive(...))，因此您不想从这些文件中导入任何内容，因此无需进行任何导出。只要确保你在其中import Vue from 'vue'。
您好 Oscar，我想知道您是否找到了解决方案，是否可以分享 - 谢谢

【解决方案1】：

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

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);

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

【讨论】：