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”命令来安装和使用它。

html使用antd vue,antd适合vue使用吗,antd vue pro_第1张图片

操作环境: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

f24d089a023ed810ec3e0f77ed844801.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知识的相关文章!

你可能感兴趣的:(html使用antd,vue)