vue23配置全局属性写法

一.初始化

以前vue2 书写形式

import Vue from'vue'

import App from'./App.vue'

import router from'./router'

import store from'./store/store'

　new Vue({

router,

store,

render: h => h(App)

}).$mount('#app')

vue3写法

import { createApp } from'vue'

import App from'./App.vue'

import router from'./router'

import store from'./store'

createApp(App).use(store).use(router).mount('#app')

二 全局属性配置

vue2

Vue.prototype.$request = request

Vue.config.errorHandler = errorHandler

vue3

config属性不变，

prototype改成config

然后添加 globalProperties

let app = createApp(App)

app.config.globalProperties.errorHandler = errorHandler

app.config.globalProperties.$request = request

三，全局事件总线

vue2

Vue.prototype.$eventBus = new Vue({})

vue3

let app = createApp(App)

app.config.globalProperties.$eventBus = createApp({})