簡介：

由餓了麼前端團隊推出的Mint UI是一個基於Vue.js 的移動端元件庫。

Mint UI安裝：

        本小主使用的是官方提供的vue-cli搭建的一個vue專案的腳手架。在vue專案搭建完成之後，

接下來安裝MintUI：npm  i  mint-ui  --save

引入Mint UI：

1、引入全部元件

         如果在專案中用到Mint UI裡較多的元件，最簡單的方法是把它們全部引入。需要在入口檔案main.js 中。

         import  MintUI  from  'mint-ui';

         import  'mint-ui/lib/style.css';

         Vue.use(MintUI);

        2、按需引入

        如果需要使用某個元件，可以僅僅引入這個元件，Mint UI能保證在程式碼打包時，與這個元件無關的檔案不會出現在最終的程式碼中。比如引進Button元件，則在mian.js 中：

       import  Button  from  'mint-ui/lib/button';

       import   'mint-ui/lib/button/style.css';

      Vue.component(Button.name , Button);

  Mint UI 官方文件 ： http://mint-ui.github.io/docs/#/