使用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打印一次，爲App.vue打印一次，然後爲Hello組件打印一次。

這是因爲您已經使用掛載的處理程序定義了一個全局混入，該處理程序將針對每個掛載的Vue和組件執行。