vue3全局引入element-plus后如何使用 Message 消息提示？

Question

Answer 1

import { getCurrentInstance } from 'vue'

const { proxy } = getCurrentInstance()

proxy.$message({
  showClose: true,
  message: "该时段暂无数据",
})

Answer 2

1.在每个页面引入

// 引入
import { ElMessage } from "element-plus";

// 使用
ElMessage.success("ok");

2.provide/inject

// main.ts
import { ElMessage } from "element-plus";

const app = createApp(App);
app.provide("$message", ElMessage);

// index.vue
(inject('$message') as any).success("inject");

Answer 3

不要全局引入。全局引入，整个vendor-chunk都会很大，影响首次加载。
优雅一些应该在组件内引入