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对应的表格样式和代码,如下图
注意事项
希望对你有帮助