2017-09-25 10 views
1
ここ

でコンポーネントのライフサイクルメソッドからのmixinのメソッド内の機能にアクセスする方法の例ですコンポーネント内のcreated()ライフサイクルメソッドからmixinのメソッド内で定義されたaFunctionにアクセスします。ここはVue.js

created(){ 
    this.aFunction() 
} 

は一例であり:それだけであろうよう

答えて

5

ミックスイン方法は、コンポーネントの現在のインスタンスとマージされます。関数が3回呼ばれているいくつかの理由

console.clear() 
 

 
const mixin = { 
 
    methods:{ 
 
    aFunction(){ 
 
     console.log("called aFunction") 
 
    } 
 
    } 
 
} 
 

 
new Vue({ 
 
    mixins:[mixin], 
 
    created(){ 
 
    this.aFunction() 
 
    } 
 
})
<script src="https://unpkg.com/[email protected]"></script>

+0

? –

+0

@ gaurav4sarmaどこ?ここで一度呼び出されます。あなたのコードでは、コンポーネントが複数回作成されているかもしれません。 – Bert

+0

はいそうかもしれません。どのように私は一度だけ呼び出されるためのフローを構造化する方法は、それはAPI呼び出しをデータを取得するために1回呼び出すようにする方法です –