Mint-ui（基于 Vue.js 的移动端组件库）的使用

官网： http://mint-ui.github.io/#!/zh-cn

1.安装包 npm install mint-ui -S

2.导包

import Vue from ‘vue‘
import MintUi from ‘mint-ui‘ // 导入全部组件
import ‘mint-ui/lib/style.css‘
Vue.use(MintUi)

3.css类mint-ui组建的使用

<template>
 <div>
  <mt-button type="default">default</mt-button>   // (直接使用)
 </div>
</template>

4.js类mint-ui组建的使用

按需再导入一次，再使用

5，按需导入

import { Button } from ‘mint-ui‘
Vue.component(‘mt-button‘, Button)

Mint-ui（基于 Vue.js 的移动端组件库）的使用

原文：https://www.cnblogs.com/zeroDoctor/p/12331637.html