VUE3.0 挂载属性到当前实例中

sssdal19995

已于 2022-09-04 11:19:25 修改

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue3

于 2021-04-11 20:15:56 首次发布

本文链接：https://blog.csdn.net/sssdal19995/article/details/115605370

前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何在Vue 3中挂载全局属性，与Vue 2不同的是，现在需要通过app.config.globalProperties来实现这一目标。具体示例展示了如何将echarts组件挂载为全局属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2.0版本是直接挂载再原型链上 Vue.prototype.xxx = xxx
从3.0开始要通过app.config.globalProperties.xxx = xxx的方式挂载

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

import echartsContext from './scripts/echarts/index'

// 创建根节点
const app = createApp(App)
// 挂载echarts
/**
 * 2.0版本是直接挂载再原型链上  Vue.prototype.xxx = xxx
 * 从3.0开始要通过app.config.globalProperties.xxx = xxx的方式挂载
 */
app.config.globalProperties.$echartsContext = echartsContext

// 挂载实例
app.mount('#app')