antd适合vue使用，因为ant design有vue版本的，对应的名称为“ant-design-vue”；在vue项目中可以使用“npm i –save ant-design-vue”命令进行安装使用即可。
本文操作环境：windows7系统、vue2.0版本、Dell G3电脑。
ant design的vue版本——ant-design-vue介绍
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。
官网：
立即学习“前端免费学习笔记（深入）”；
https://www.antdv.com/docs/vue/introduce-cn/
优点：
提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量 Vue 组件。
共享Ant Design of React设计工具体系。
ant-design-vue的全局引入
1、先用vue的脚手架工具vue-cli创建一个vue项目
2、安装ant-design-vue
使用命令行工具，切换到项目路径下，使用命令【npm i –save ant-design-vue】安装，如下图
1.png
3、全局引入
（1）完整引入
main.js中全局引入并注册
import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' Vue.use(Antd)
登录后复制
在页面中不再需要引入注册组件，可以直接使用所有的组件
hello worldexport default {}
登录后复制
（2）导入部分组件
在main.js中导入并注册需要在项目中使用的组件
import { Button } from "ant-design-vue";import 'ant-design-vue/lib/button/style/css'Vue.component(Button.name, Button)
登录后复制
在项目中可以直接使用这个已经注册的组件
hello worldexport default {}
登录后复制
推荐：《vue教程》
以上就是antd适合vue使用吗的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2718065.html
