html mint ui,移动端UI库对比 vant mint-ui

基于vuecli3 构建的项目，对比vant mint-ui实现同样功能，打包后体积大小；

一  mint-ui 是饿了么团队开发的基于vue.js的移动端UI库

1 安装：npm install --save-dev mint-ui

2 引入：

A：全局引入，在main.js中

import Mint from 'mint-ui'

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

Vue.use(Mint)

B：按需引入，使用 babel-plugin-component

npm install --save-dev babel-plugin-component

在babel.config.js中配置：

module.exports = {

presets: [

'@vue/cli-plugin-babel/preset'

],

plugins: [

['component', {

libraryName: 'mint-ui',

style: true

}]

]

}

3 直接在页面中引入需要的组件

A：全局引入 直接使用即可

title="checkbox list"

v-model="value"

:options="['optionA',