Vue笔记(十三) vue UI 组件库

常用vue UI 组件库

1) Mint UI:
a. 主页: http://mint-ui.github.io/#!/zh-cn
b. 说明: 饿了么开源的基于 vue 的移动端 UI 组件库

2) Elment
a. 主页: http://element-cn.eleme.io/#/zh-CN
b. 说明: 饿了么开源的基于 vue 的 PC 端 UI 组件库

Mint UI

下载: npm install --save mint-ui

实现按需打包

1. 下载 npm install --save-dev babel-plugin-component
2. 修改 babel 配置

"plugins": ["transform-runtime",["component", [
 {
 "libraryName": "mint-ui",
 "style": true
 }
]]]

mint-ui 组件分类
1) 标签组件
2) 非标签组件

使用 mint-ui 的组件

index.html

main.js

import {Button} from 'mint-ui' 
Vue.component(Button.name, Button)

App.vue