Der sauberste Weg, eine Vue.js-Richtlinie zu importieren/zu benötigen?

Question

Ich versuche, meinen Plugins in eigenen Vue Richtlinien zu organisieren, dass ein einfache wie sein könnte:

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

Und diese in separaten Dateien speichern, entweder der Haupt-JS-Datei oder die Vue in importiert werden (ify) mit Komponenten so etwas wie:

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

ich habe eine Reihe von export default Setups ausprobiert, aber ich kann nicht scheinen, um es zu arbeiten. Was wäre der sauberste (d. H. Best-Practice) Weg, dies zu tun?

Answer 1

habe ich die Lösung, unter dem Code

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

dieser Code lässt geht in Richtlinie/global.js Datei sagen. Dann in Sie app.js oder Einstiegspunkt Datei verwenden diese

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

erste Zeile wird die Richtlinie importieren, wie wir denselben Namen nur verwendet global, zweite Zeile verwenden Sie globalen zu machen Richtlinie. Hoffe es hilft.