vue3.0 引入ant-design-vue

1.安装ant for vue

npm i --save ant-design-vue

2.在main.ts中引入

import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import { message,notification } from 'ant-design-vue'
import router from './router';


const app = createApp(App);
app.provide('$message', message) //全局注册
app.provide('$notification', notification)

app.use(Antd).use(router).mount('#app')

3.在页面中使用message

const { ctx } = getCurrentInstance();
ctx.$message.info("哈哈");