mint-ui插件简述使用

介绍mint-ui手机框架用法
一、 https://mint-ui.github.io/#!/zh-cn（直接在百度搜出来的mint-ui官网会打不开，在前面加https//）
二、 Mint-ui简单介绍

1. Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
2. 考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验
3. 依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。（这条是最重要的，Mint-ui组件只能在vue项目中使用，它是依托与vue.js的）
4. 这个组件库，适合于基于vue的手机页面开发。
   三、 mint-ui的安装
   1.npm 安装 ----------npm i mint-ui –S
   推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。
   2.CDN方式引入
   目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用---------

3.需要注意的几点
关于事件绑定在 Vue 2.0 中，为自定义组件绑定原生事件必须使用 .native 修饰符：
<my-component @click.native=“handleClick”>Click Me
从易用性的角度出发，对 Button 组件进行了处理，使它可以监听 click 事件：
<mt-button @click=“handleButtonClick”>Click Me
但是对于其他组件，还是需要添加 .native 修饰