Mint-UI 插件库

Mint UI

介绍

Mint UI 是基于 Vue.js 封装的移动端组件库

注意：Mint UI 是与 bootstrap 之类的框架不同的，bootstrap是代码片段，而 Mint UI是我们基于 vue 封装的组件库;

例如：

Mint UI 里面的一个组件就是一个 .vue 文件

<template>
    <h1>我们使用了{
  { msg }}</h1>
</template>

<script>
export default {
    data: function(){
        return {
            msg:'nihao'
        }
    }
}
</script>

<style>

</style>

它的官网：http://mint-ui.github.io/;

安装

# Vue 1.x
npm install mint-ui@1 -S
# Vue 2.0
npm install mint-ui -S

引入

// 引入全部组件
import Vue from 'vue';
import Mint from 'mint-ui';
Vue.use(Mint);

// 按需引入部分组件
import {
    Cell, Checklist } from 'minu-ui';
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

使用

全部导入

在 main.js 文件中注册你需要的组件

import Vue from 'vue';
impo