Mint UI -- 基于Vue.js的移动端组件库

简介：

     由饿了么前端团队推出的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/#/