在vue3中全局使用element组件库的message组件

1.已知：项目已经下载了element-plus并且在 main.js文件中引入

import ElementPlus,{ ElMessage} from 'element-plus'

import 'element-plus/dist/index.css'

官方文档  https://cn.element-plus.org/zh-CN/component/message.html

使用方法：1.在main.js文件中添加

app.config.globalProperties.$message = ElMessage;

2.在需要使用的vue文件中

添加这三行代码即可

import {  getCurrentInstance} from "vue";
const { proxy } = getCurrentInstance()
  proxy.$message.success('res.data.msg')

效果