MUI
Posted grani
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MUI相关的知识,希望对你有一定的参考价值。
MUI不同于Mint-UI,MUI只是开发出来的一套好用的代码片段,里面提供了配套的样式、配套的html代码段,类似于Bootstrap,而Mint-UI是真正Vue组件库
从体验上来说,Mint-UI体验更好,因为这是别人帮我们开发好的现成的Vue组件,而MUI和Bootstrap类似
理论上,任何项目都可使用MUI或Bootstrap,但Mint-UI只适用于Vue项目
使用方式和Bootstrap一样,导样式包,复制需要的代码段过来用
MUI不能使用npm下载,需要从github上下载解压后放到项目中,dist为项目中要使用的包,里面有css、fonts、js三个包,项目里的src包里的lib是存放第三方包的可放入其中
使用方法是打开examples选择需要的组件,浏览器打开后右键查看源码,复制使用
在入口文件 import ‘./lib/mui/mui.css‘ 导包,之后将需要的按钮的代码放到vue的template中即可
因为标签有了class属性,并且MUI的样式表已导入,这样就通过类属性添加了样式
以上是关于MUI的主要内容,如果未能解决你的问题,请参考以下文章