vue3.0+vite+ant-design-vue 按需加载（非组件模块）

当项目中使用了unplugin-vue-components 进行按需加载后，非组件模块需要再单独引用

方法1：在各个组件内单独引用

import { message } from 'ant-design-vue';
import 'ant-design-vue/es/message/style/css'; //vite只能用 ant-design-vue/es 而非 ant-design-vue/lib

message.success('登录成功')

方法2：全局挂载

import { createApp } from 'vue'
import App from './App.vue';
import store from './store';
import router from './router';

// 非组件模块需要单独引入
import { message } from 'ant-design-vue';
import 'ant-design-vue/es/message/style/css';
// 创建vue示例
const app = createApp(App);
app.use(router);
app.use(store);

// 绑定到 app.config.globalProperties 上
app.config.globalProperties.$message = message;
// 挂载实例
app.mount('#app');

使用的时候

<script setup>
  // 获取this
  const { proxy } = getCurrentInstance()  
  proxy.$message.success('登录成功')
</script>