Vue3中如何挂载全局属性

问题描述

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

c 复制代码
import Vue from 'vue'
Vue.prototype.xxx = xxx 

Vue3写法: 使用app.config.globalProperties

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

javascript 复制代码
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
相关推荐
qq_424409197 小时前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
我在北京coding7 小时前
element el-table渲染二维对象数组
前端·javascript·vue.js
布兰妮甜7 小时前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui
SevgiliD7 小时前
el-button传入icon用法可能会出现的问题
前端·javascript·vue.js
我在北京coding7 小时前
Element-Plus-全局自动引入图标组件,无需每次import
前端·javascript·vue.js
鱼 空8 小时前
解决el-table右下角被挡住部分
javascript·vue.js·elementui
01传说9 小时前
vue3 配置安装 pnpm 报错 已解决
java·前端·vue.js·前端框架·npm·node.js
sunbyte11 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DoubleVerticalSlider(双垂直滑块)
前端·javascript·css·vue.js·vue
拾光拾趣录12 小时前
虚拟DOM
前端·vue.js·dom
合作小小程序员小小店12 小时前
web网页,在线%食谱推荐系统%分析系统demo,基于vscode,uniapp,vue,java,jdk,springboot,mysql数据库
vue.js·spring boot·vscode·spring·uni-app