大家好我是狗蛋~

開始我是用mint-ui的，挺好用，文檔也簡單，但是我發(fā)現(xiàn)vux好多插件！好牛鼻，蠢蠢欲試。。。
搞個腳手架vue-cli先啦。
首先是看文檔啦。

不得不說文檔說明很爛，不適合我這種小白

<1>. 在項(xiàng)目里安裝vux
npm install vux --save

<2>. 安裝vux-loader （這個vux文檔中沒有明文跟你說要安裝的啦）
npm install vux-loader --save-dev

<3>. 安裝less-loader （這個是用以正確編譯less源碼，否則會出現(xiàn) ' Cannot GET / '，自己看package.json，如果安裝了，就不用裝啦！）
npm install less less-loader --save-dev

<4>. 安裝yaml-loader （不用裝啦）
npm install yaml-loader --save-dev

<5>. 在build文件夾下webpack.base.conf.js 文件進(jìn)行配置
const vuxLoader = require('vux-loader') 【新加上去的】
const webpackConfig = originalConfig 【originalConfig就是原來的 module.exports出去的代碼，把它整個賦值給變量 webpackConfig】
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] }) 【在最后加多一句，這里就是引用插件vux啦！】

<6>最后別忘了，在resolve: {
extensions: ['.js', '.vue', '.json','.less']里加入.less。

好了。這是標(biāo)配了，先別急著引用組件啊，先運(yùn)行一下有沒有報(bào)錯，我們假裝運(yùn)行成功，好。
對了，這vux坑貨，不用在main.js像mint-ui那樣引入然后use的。
下面開始引入Loading和Alert組件了。

在template范圍內(nèi)，搞個標(biāo)簽
<loading :show="show1" :text="text1"></loading>
<alert v-model="show" :title="'你吃飯了嗎？'"> {{ '還沒啊~' }}</alert>
show1、show跟text1是變量啦，前者控制是否出現(xiàn)Loading、Alert，后者控制Loading顯示內(nèi)容。

在script內(nèi)，引入組件import { Loading,Alert} from 'vux'，還要在components寫上，components: {Loading,Alert}，就是這么煩！

好了，可以了。。。其實(shí)也就這樣。。。一般一般，世界第三~

根據(jù)文檔說，這是以插件形式調(diào)用，像我這種小白....算了算了

文檔下面還有一種單獨(dú)使用的（AlertModule ）
不會就看看demo源碼啦！

有什么新發(fā)現(xiàn)評論一下啊，我也是小白?。。?！