关于antd、element ui与mui三者UI库的使用感想。-Toy模板网

这篇具有很好参考价值的文章主要介绍了关于antd、element ui与mui三者UI库的使用感想。。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言：

6年的工作经验，让我接触了各种各样的框架，像react、vue、angular、jquery、threejs以及各种组件，不管是大框架还是个人开发的小组件，虽然他们有着各式各样的api，各种花里胡哨的写法，要使用它们都是有共同的方式。

最近在做兼职项目中使用到了mui，全称material UI,是google开源的UI框架，国外的UI框架使用起来和国内的有什么区别呢？

首先是文档上，mui的文档分两部分，第一部分是演示，用于查看组件的效果，把所有可能实现的功能点在几个演示demo上展示，所以mui的演示demo代码会比较复杂，第二部分就是api罗列了，需要点击到另外一个路由上查看，国内的elementUI与antd则不是从简单到复杂都会列举demo，对于新手来说会更友好。

其次，组件上的设计。像一些木偶组件其实实现起来都是差不多的，不过起名，我更喜欢antd的方式，简单易懂，最简单的button，mui要改变其样式得传variant，antd与elementUI则是type，mui与elementUI的table组件要渲染column还要一个一个添加，antd则是把组件封装好，传递一个columns即可。

最后，像有状态的组件，比如form表单，可能我还是用不习惯mui的写法，对于form表单的封装略显困难，mui的form表单要想封装还得借用三方formik来帮忙实现动态变化，引入第三方后感觉就有些不兼容了，我在使用的过程中也碰到了一些问题，也不清楚是不是自己使用方式有问题。

总结：

mui是国外的框架，可能对于国内的开发来说会有一定的学习成本，反正只要涉及到自己的开发项目，mui绝对不可能是首选文章来源地址https://www.toymoban.com/news/detail-826192.html

到了这里，关于关于antd、element ui与mui三者UI库的使用感想。的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！