报错Uncaught (in promise) TypeError: Cannot read property ‘on‘ of undefined/mitt无法加进原型里面，打印显示undefined

在很多论坛博客看了如何使用mitt但是我写时却出现了问题

错误代码main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import mitt from 'mitt'

createApp(App).use(store).use(router).mount('#app')
createApp(App).config.globalProperties.$bus=new mitt()

然后在Home.vue对this.$bus进行打印

console.log(this.$bus)
this.$bus.on("itemImaeLoad",() =>{
    console.log('-------')
})

然后就报错了打印的结果是undefined

检查了好久在网上找了很多资料都没发现是哪出了问题，自己又尝试每个组件单个引用mitt就不会报错，最后在main.js里修改了一点点代码解决了这个问题

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import mitt from 'mitt'

const app = createApp(App)

app.use(store).use(router).mount('#app')
app.config.globalProperties.$bus=new mitt()

 修改过后再运行

原因是因为两个createApp(App)，导致mitt无法添加进原型里面，导致undefined，使得报错，根本原因还没搞明白，有哪位大神知道原理也可帮我解解疑惑。