为什么minit- ui没有vue好?
发布网友
发布时间：2024-04-06 00:58
共1个回答
热心网友
时间：2024-04-26 05:35
minit－ui和element－ui，前者是移动端，后者是PC端，结合Vue功能不错，就是UI组件不是很强大，可以满足一般的需求。
所以element－ui不适合移动端。
element－ui的需求：丰富的feature：丰富的组件，自定义主题，国际化。文档 & demo：提供友好的文档和 demo，维护成本小，支持多语言。安装 & 引入：支持 npm 方式和 cdn 方式，并支持按需引入。工程化：开发，测试，构建，部署，持续集成。
作为一个基础组件库，还有一个很重要的方面就是组件种类丰富。element－ui官方目前有55个组件，分成了6大类，分别是基础组件、表单类组件、数据类组件、提示类组件、导航类组件和其它类型组件。这些丰富的基础组件能很好地满足大部分PC端toB业务开发需求。
element－ui的组件源码在packages目录里维护，而并不在src目录中，这么做的目的猜测是为了让每个组件可以单独打包，支持按需引入。
但实际上想达到这个目的也并不一定需要这么去组织维护代码，更推荐把组件库中的组件代码放在src／components目录中维护，然后通过修改webpack配置脚本也可以做到每个组件单独打包以及支持按需引入，源码放在src目录总是更合理的。
扩展资料：
element－ui组件的样式、公共样式都在packages／theme－chalk文件中，并且它是可以独立发布的。element－ui组件样式中的颜色、字体、线条等等样式都是通过变量的方式引入的。
在packages／theme－chalk／src／common／var．scss中我们可以看到这些变量的定义，这样就给做多主题提供了方便，因为我只要修改这些变量，就可以实现组件的主题改变。
updateVarible是一个POST请求，他会把你修改的的主题配置提交到后端server，提交的数据你可以自己去查看它的RequestPayload，这个POST请求会返回一段CSS文本，然后会动态插入到head标签的底部，来覆盖默认样式。
可以通过审查元素看到head底部会动态插入一个id为chalk－style的标签。
参考资料：百度百科-UI设计
