多语言展示
当前在线:1048今日阅读:162今日分享:23

vue怎么按需引入ant design vue组件

ant-design-vue是一款基于vue框架封装的组件库,里面有很多组件,下面是使用按需加载来使用ant-design-vue的不同组件。
工具/原料
1

ant-design-vue组件库

2

vue

方法/步骤
1

第一步,先用vue的脚手架工具vue-cli创建一个vue项目,创建好的目录如下图

2

第二步,使用命令行工具,切换到项目路径下,使用命令【npm i --save ant-design-vue】安装,如下图

3

第三步,准备引用ant-design-vue的table组件在项目目录中找到【main.js】添加以下代码import { Table } from 'ant-design-vue';import 'ant-design-vue/lib/table/style/css'Vue.component(Table.name, Table)(Table是对应的组件名字),如下图

4

第四步,找到你要使用的组件,然后引入组件import { Table } from 'ant-design-vue';然后渲染组件  components:{ ATable:Table },,如下图

5

第五步,在官网找到table对应的表格样式和代码,如下图

注意事项

希望对你有帮助

推荐信息