html使用antd vue,antd适合vue使用吗,antd vue pro

antd适合vue使用吗非常适合我们，Antd适合vue，因为ant design有vue版本，对应的名字是“ant-design-vue”；在vue项目中，您可以使用“npm i – save ant-design-vue-vue”命令来安装和使用它。

操作环境：windows7系统，vue 2.0版本，戴尔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组件。

反应设计工具系统的共享蚂蚁设计。

蚂蚁设计全球介绍

1.首先使用vue脚手架工具vue-cli创建一个vue项目

2.安装ant-设计-vue

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

1.png

3.全球简介

(1)完整的介绍

在main.js中引入并在全球注册

从“ant-design-vue”导入Antd

导入’ ant-design-vue/dist/antd.css ‘

Vue.use(Antd)不再需要在页面中引入注册组件，而是可以直接使用所有组件

模板

差异

a-button type=’ primary ‘ hello world/a-button

/div

/模板

剧本

导出默认值{}

/script(2)导入一些组件

在main.js中导入并注册要在项目中使用的组件

从“ant-design-vue”导入{ Button }；

导入’ ant-design-vue/lib/button/style/CSS ‘

Vue。组件(按钮。名称，按钮)可以直接在项目中使用这个注册的组件

模板

差异

a-button type=’ primary ‘ hello world/a-button

/div

/模板

剧本

导出默认值{}

/script推荐：《vue教程》以上是适合vue的antd的详细内容。请关注其他关于Lei.com PHP知识的相关文章！