Vue.jsカスタムディレクティブは個々のファイルとして実装できますか？

Question

Vueカスタムディレクティブを個々のファイル（別のコンポーネントの.vueファイル）として実装し、ルートjsファイルでコンパイルする方法はありますか？ （私はWebpackを使用しています）

私はapp.jsで以下を試しましたが、認識されません。

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

ありがとうございます。

Answer 1

私はVueをLaravelと一緒に使用しています。私はあなたの作品を教えてくれるでしょう。

app.js（ルートファイル）コンポーネント（またはディレクティブ）をグローバルVueコンポーネントとして登録します。

ので： あなたがそうのようなHTMLでそれを使用することができるでしょうヴュこの後

Vue = require('vue'); 

Vue.component('my-custom-component', require('./directives/ComponentFileName.vue') 

//インポート：

<my-custom-component></my-custom-component> 

私はあなたの質問を誤解した場合ごめんなさい。

Answer 2

ディレクティブは、いくつかの明確なメソッドがあるクラスです。あなたはまた、グローバルに宣言する

Vue.directive('app-my-directive', MyDirective) 

を使用することができます

<template> 
    <p v-app-my-directive:arg.modifier="value">Some Text</p> 
</template> 
<script> 
    import MyDirective from './directives/MyDirective.js'; 

    export default { 
     directives: { 
      AppMyDirective: MyDirective 
     } 
     /* ... */ 
    } 
</script> 

：あなたはそれを使用するファイルで、その後

export const MyDirective { 
    bind(el,binding,vnode) { 
     /* your code */ 
    } 
} 

、：JSでは、あなたのような何かを書くことができます。