Vue3（二）集成Ant Design Vue

npm install ant-design-vue@2.0.0-rc.3 --save

ts
import { createApp } from 'vue';
import Antd from 'ant-design-vue';
import App from './App.vue';
import 'ant-design-vue/dist/antd.CSS';
import router from './router';
import store from './store';
//优点就是方便开发，缺点就是打包的时候会使文件较大（但不并影响什么）
createApp(App).use(store).use(router).use(Antd).mount('#app')

<template>
  <div class="home">
    <a-button type="primary" danger>Primary</a-button>
    <img alt="Vue loGo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your vue.js + typescript App"/>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src

export default defineComponent({
  name: 'Home',
  components: {
    HelloWorld,
  },
});
</script>