vue3中使用antd of vue中的message全局消息组件

之所以做个记录，实在是因为官方给的代码对我很不友好，

我就使用一个message消息提示，

官方给的代码是这样子的：

不得不吐槽一下，这例子给的真拉跨。。。

---

在脚手架中使用方法：

先在main.js中引入并use：

import {
  message,
} from 'ant-design-vue'

const app = createApp(App)

app.use(message)

然后哪个组件中需要使用到message，

还需要在这个组件中再次引入：

<script>
// 不要忘记这里也要引入一下
import { message } from 'ant-design-vue'
export default {
  name: 'xxx',
  methods: {
    handleClick() {
      // 使用
      message.success('保存成功！')
    }
  },
}
</script>