Vue.jsで基本プラグインを作成する2

Question

デフォルトのwebpackテンプレートで新しいvueアプリケーションを作成するだけです。

vue init webpack test

と基本的なプラグインを作成し、次は私のプラグインのコードです。

export default { 
    install(Vue, defaultOptions = {}) { 

     Vue.mixin({ 
      mounted(){ 
       console.log('myplugin mixin mounted') 
      } 
     }) 
    } 
} 

私はコンソールで、main.jsでそれをインポートし、その印刷3回。誰でも知っている理由は？

Answer 1

すぐに使用できるwebpackテンプレートを使用すると、console.logはインスタンス化されたVueに対して1回、App.vueに対して1回、Helloコンポーネントに対して1回印刷されます。

マウントされているVueとコンポーネントごとに実行されるマウントされたハンドラを持つグローバルミックスインが定義されているためです。