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