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