最乾淨的方式來導入/需要一個Vue.js指令？

我想我的插件整理到自定義Vue的指令可能是簡單的：最乾淨的方式來導入/需要一個Vue.js指令？

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

，並且保存這些在不同的文件，無論是在主JS文件或Vue的要導入課程（IFY）喜歡的東西組成：

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

我已經嘗試了一些export default設置，但我似乎無法得到它的工作。最乾淨的（即最佳實踐）方法是什麼？

指令是否否 – gurghet

由於您似乎想要全局註冊它們（'Vue.directive（...）'），因此您不需要從這些文件導入任何內容，因此不需要任何導出。只要確保你從他們的'vue''中輸入Vue。 –

嗨，奧斯卡，我想知道你是否曾經找到過解決方案，如果你能分享它 - 謝謝 – Beaker

我得到了解決，下面是代碼

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

第一線將導入指令。希望它有幫助。

2018-01-04 07:09:40

回答