コンポーネント内のミックスインのメソッドを呼び出す

Question

コンポーネントからmixinメソッドを呼び出せません。このエラーはthis.hello is not a functionです。

Vueインスタンスからhello()を呼び出すことはできますが、コンポーネント内で呼び出すことはできません。

何が問題なのですか？

<div id='vue-app'> 
    <cmp></cmp> 
</div> 

const mixin = { 
    methods: { 
    hello() { 
     return 'Hello World!'; 
    } 
    }, 
    created() { 
    console.log('Mixin Created!'); 
    }, 
}; 

const cmp = { 
    created() { 
    console.log('From Cmp:', this.hello()); 
    }, 
}; 

new Vue({ 
    components: { 
    cmp 
    }, 
    el: '#vue-app', 
    mixins: [mixin], 
    created() { 
    console.log('From VM:', this.hello()); 
    }, 
}); 

https://jsfiddle.net/ar464soq/

Answer 1

まあ、私がいないVueの親インスタンスから、コンポーネントインスタンスの全体のミックスインをロードする必要がありそうです:)

Answer 2

正しい、ミックスインメソッド/データのみです追加されたインスタンスで使用可能です。しかし、ルートインスタンスにミックスインが本当に必要な場合は、