这篇文章主要介绍antd合不合适vue,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
antd适合vue使用,因为蚂蚁设计有vue版本的,对应的名称为“ant-design-vue”;在vue项目中可以使用“npm我——拯救ant-design-vue”命令进行安装使用即可。
引用><强>蚂蚁vue版设计的本- ant-design-vue介绍强>
ant-design-vue是蚂蚁金服蚂蚁设计官方唯一推荐的vue版界面组件库,它其实是蚂蚁设计的vue实现,组件的风格与蚂蚁设计保持同步,组件的html结构和css样式也保持一致。用下来发现它的确称得上为数不多的完整的vue组件库与开发方案集成项目。
官网:https://www.antdv.com/docs/vue/introduce-cn/
优点:
提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量vue组件。
共享蚂蚁设计反应设计工具体系。
ant-design-vue的全局引入
1,先用vue的脚手架工具vue-cli创建一个vue项目
2,安装ant-design-vue
使用命令行工具,切换到项目路径下,使用命令【npm我——拯救ant-design-vue】安装,如下图
1。png
3,全局引入
(1)完整引入
主要。js中全局引入并注册
,import Antd 得到& # 39;ant-design-vue& # 39; import 才能;& # 39;ant-design-vue/dist/antd.css& # 39; Vue.use才能(Antd)在页面中不再需要引入注册组件,可以直接使用所有的组件
& lt; template> & lt;才能div> ,,,& lt; a-button 类型=皃rimary"祝辞hello world & lt;才能/div> & lt;/template> & lt; script> export default  {} & lt;/script>(2)导入部分组件
在主要。js中导入并注册需要在项目中使用的组件
import {, Button },得到“ant-design-vue"; import & # 39; ant-design-vue/lib/按钮/风格/css # 39; Vue.component (Button.name,按钮)在项目中可以直接使用这个已经注册的组件
& lt; template> ,,,& lt; div> ,,,,,,,& lt; a-button 类型=皃rimary"祝辞hello world ,,,& lt;/div> & lt;/template> & lt; script> export default  {} & lt;/script>以上是“antd合不合适vue”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
antd合不合适vue