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