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
相关推荐
01传说15 分钟前
vue3 配置安装 pnpm 报错 已解决
java·前端·vue.js·前端框架·npm·node.js
sunbyte2 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DoubleVerticalSlider(双垂直滑块)
前端·javascript·css·vue.js·vue
拾光拾趣录3 小时前
虚拟DOM
前端·vue.js·dom
合作小小程序员小小店4 小时前
web网页,在线%食谱推荐系统%分析系统demo,基于vscode,uniapp,vue,java,jdk,springboot,mysql数据库
vue.js·spring boot·vscode·spring·uni-app
别跟老夫聊头发4 小时前
vue缩放/放大时,实时更新/变换显示高度
vue.js
拾光拾趣录4 小时前
Vue Router 执行顺序
前端·vue.js·vue-router
前端权4 小时前
Vue3 多行文本溢出隐藏与展开收起功能实现总结
前端·vue.js
用户3802258598244 小时前
vue3源码解析:调度器
前端·vue.js
梦想CAD控件4 小时前
WEB CAD与Mapbox结合实现在线地图和CAD编辑(CGCS2000)
前端·javascript·vue.js
bitbitDown5 小时前
我用Playwright爬了掘金热榜,发现了这些有趣的秘密... 🕵️‍♂️
前端·javascript·vue.js