第一步 下载 

下载网址:http://dev.dcloud.net.cn/mui/ui/

点击GitHub进行下载

 

 

第二步 Vue中引入Mui

将下载好的文件解压 把文件中dist中的三个文件复制到自己的项目中

在main.js代码中引入mui  例:

 

第三步 注意:

引入后可能会报错   ERROR in ./static/mui/fonts/mui.ttf 1:0

在网上搜索了很多种方法都没有解决

我的解决方法是 删除fonts文件夹 并把mui.css中的引入mui.ttf的部分删除掉(因为我用不到font这部分,所以用了这么强制的办法)

 

第四步 接下来就可以引入自己需要用到的部分啦

注意 因为vue是单页面应用程序 所以可能有一些默认样式会覆盖掉自己写的样式哦!