Vue3中如何挂载全局属性

问题描述

Vue3想挂载全局属性，发现采用Vue2的写法已经不行。 我们在Vue2 挂载全局属性一般是Vue.prototype.xxx = xxx 去挂载，但是Vue3，已经不支持这种写法：

import Vue from 'vue'
Vue.prototype.xxx = xxx 

---

Vue3写法： 使用app.config.globalProperties

注意：如果全局属性与组件自己的属性冲突，组件自己的属性将具有更高的优先级。
下面举个挂载列子：

import { $http } from '@escook/request-miniprogram'
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  // 全局挂载
  app.config.globalProperties.$http = $http
  return {
    app
  }
}

使用的话直接this.$http