mui不屬于插件，所以在vue中不能使用npm下載插件蛾扇，那么這時候在文件中直接引入就行了违寿。
但是在引入的時候還有很多坑，下面就是我使用過之后總結(jié)的mui引入配置方法
1扫倡、搭建vue-cli腳手架（根據(jù)需要自己搭建vue）
搭建完以后的目錄是這樣的：
但是呢谦秧，在文件夾中實(shí)際上是這樣的
如果這兩個文件在文件夾中不顯示，那么你文件夾設(shè)置隱藏了镊辕，請按照如下方式把這兩個文件放出來
- win10系統(tǒng)在文件夾上面點(diǎn)擊"查看"-->“隱藏的項(xiàng)目”
-
win7 系統(tǒng)在文件夾左上角點(diǎn)擊“組織”油够，“文件夾與搜索選項(xiàng)”“查看”，
2.png
把紅框框圈起來的地方選中就可以了
2征懈、開始配置
靜態(tài)引入
1石咬、如果不知道m(xù)ui的js、css在什么地方下載卖哎，那么就新建一個完整的mui示例項(xiàng)目好了：
使用HBuider鬼悠，新建一個移動App删性，選中紅框圈的任一個都可以
把里面的js文件復(fù)制粘貼到vue中src-->assets里面，注意記得路徑
把css焕窝、fonts復(fù)制粘貼到static里面蹬挺，注意css和fonts文件夾要同級，不然需要修改代碼路徑（如果不需要里面的圖標(biāo)它掂，那么fonts不需要引入巴帮，如果需要就必須引入）
2、在你的index.html主頁面引入靜態(tài)文件css
比如說像我這樣虐秋，只引入了一個mui.min.css和fonts榕茧，而且兩個還不在同一級，那么問題來了：
圖標(biāo)不會顯示(如果文件夾在同一級就沒有問題)
這是因?yàn)閳D標(biāo)在css中引入客给，路徑一改它就找不到文件了用押，按照下圖把路徑改一下就好
mui.min.css
image.png
如圖，在min.min.css中把引入的fonts中的mui.ttf文件的路徑改成你的就可以了
vue引入(所有的東西都是新加的靶剑，原有的不要刪除)
main.js
bulild 中webpack.base.conf.js
bulild 中webpack.dev.conf.js
config中的 index.js(跨域配置蜻拨，不需要自動跳過)
.babelrc ：加上紅框里面的一句話，注意你js的路徑
"ignore":[ './src/assets/mui/js/mui.js']
.eslintignore ：加上紅框里面的一句話桩引，注意你js的路徑
最后缎讼，在你寫的vue頁面加入一個樣式
* {
touch-action: pan-y;
}
記得在js中把mui初始化：
mui.init();
github地址：https://github.com/HC-W/vue-cli-mui
node-modules需要自己npm/cnpm下載，數(shù)據(jù)接口里面沒有數(shù)據(jù)阐污，主要是提供文件配置
