Vue中使用mui方法 | mui vue 视频教程

第一步 下载

下载网址：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是单页面应用程序 所以可能有一些默认样式会覆盖掉自己写的样式哦！