Vue3全局挂载的两种方式（2022-01-22）

方式1：

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

const app = createApp(App)
app.use(router)
app.config.globalProperties.$http = 'http...'
app.mount('#app')

// 使用：
// import { getCurrentInstance } from "vue"
// const { proxy } = getCurrentInstance()
// console.log(proxy.$http)

方式2：

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

const app = createApp(App)
app.use(router)

app.provide('$http', 'http...')

app.mount('#app')

// 使用：
// import { inject } from "vue"
// const $http = inject('$http')
// console.log($http)