一、安装ant

$ npm i --save ant-design-vue

二、在plugins文件夹下创建ant.ts文件

在ant.ts文件中引入需要用到的组件

import { Dropdown,Menu, Carousel, Grid, Button, Row, Col   } from 'ant-design-vue'
import { SyncOutlined } from '@ant-design/icons-vue'
import { App } from 'vue' // App是类型const AntDesign = {install: function (Vue: App) {Vue.component('a-dropdown', Dropdown)Vue.component('a-menu', Menu)Vue.component('a-carousel', Carousel)Vue.component('a-row', Grid)Vue.component('a-col', Grid)Vue.component('SyncOutlined', SyncOutlined)Vue.component('a-button', Button)Vue.component('a-row', Row)Vue.component('a-col', Col)}
}export default AntDesign   //在main.ts中引入此文件

三、注册组件

在main.ts中注册组件

...
import AntDesign  from '@/plugins/ant';createApp(App).use(AntDesign).mount('#app')

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！