Seven-Bit-UI快速上手
跟随以下的步骤，快速上手组件库的使用。
Vue 版本
vue >= 3.2.0
💡 友情提示
由于 Vue3 不再支持 IE 浏览器环境，seven-bit-ui 也不再支持 IE 浏览器环境。
安装
shell
# npm
$ npm install seven-bit-ui -S
# yarn
$ yarn add seven-bit-ui -S
# pnpm
$ pnpm add seven-bit-ui -S
完整引入
js
import { createApp } from 'vue'
import sbui from 'seven-bit-ui';
import App from './App.vue';
const app = createApp(App);
app.use(sbui);
app.mount('#app');
❌ 注意
seven-bit-ui 不需要单独导入全局样式
按需加载
可以使用手动导入的方式按需加载组件，组件库已经默认支持 Tree Shaking。
vue
<template>
<sb-button>按钮</sb-button>
</template>
<script setup>
import { sbButton } from 'seven-bit-ui';
</script>
浏览器兼容性
 Edge |  Firefox |  Chrome |  Safari |  Opera |
|---|---|---|---|---|
| ≥ 79 | ≥ 78 | ≥ 64 | ≥ 12 | ≥ 53 |