# 快速上手

# 开始使用

1. 组件引入

<template>
  <div>
    <u-button icon="favorite-filling">默认按钮</u-button>
  </div>
</template>

<script>
import { Button } from 'uab-ui'
import 'uab-ui/dist/uab-ui.css'

export default {
  components: {
    'u-button': Button
  }
}
</script>

2. 全局全部引入

import Vue from "vue";
import app from "./app.vue";
import uab from "uab-ui";
import "uab-ui/dist/uab-ui.css"

Vue.use(uab)

new Vue({
  render: h => h(app)
}).$mount("#app");

3. 全局部分引入

import Vue from "vue";
import app from "./app.vue";
import { Button } from "uab-ui";
import "uab-ui/dist/uab-ui.css"

Vue.component(Button.name, Button)

new Vue({
  render: h => h(app)
}).$mount("#app");