Vue.jsディレクティブをインポート/要求する最もクリーンな方法は？

私のように単純なことができ、カスタムVueの指令に私のプラグインを整理しようとしている：Vue.jsディレクティブをインポート/要求する最もクリーンな方法は？

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

そしてメインのJSファイルまたはヴュー（IFY）のいずれかにインポートする、別々のファイルにこれらを保存以下のようなものを持つコンポーネント：

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

私はexport defaultセットアップの数を試みたが、私はそれが仕事を得るように見えることはできません。これを行う最もクリーンな（つまり、ベストプラクティス）方法は何でしょうか？

ディレクティブはno-noです – gurghet

これらをグローバルに登録する（「Vue.directive（...）」）ので、これらのファイルからインポートするものは何もないので、エクスポートする必要はありません。あなたが 'vue 'から'vue'をインポートするようにしてください。 –

こんにちはオスカー、私はあなたがこれに対する解決策を見つけたかどうか、それを共有できるかどうか疑問に思っています - ありがとう – Beaker

私は以下のソリューションを得たが、このコードはディレクティブ/ global.jsファイルを言うことができますに行くコード

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

です。そして、あなたはapp.jsまたはエントリ・ポイント・ファイルは、我々はあなたがグローバルディレクティブにするためにのみ使用するグローバル、二行目に同じ名前を使用しているとして、この

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

最初の行はディレクティブをインポートします使用中。それが助けて欲しい。

2018-01-04 07:09:40

答えて