快速上手

提供两种引入方式，推荐完整引入。

完整引入 😋

使用完整导入，在开发项目过程中会更方便。

// main.js
import { createApp } from 'vue'
import GovUI from 'govui-vue3';
import 'govui-vue3/dist/styles/index.css';
import App from './App.vue'

const app = createApp(App)

app.use(GovUI)
app.mount('#app')

按需引入

按需引入，可减少打包体积。

<script setup>
import { GovButton } from 'govui-vue3'
</script>

在入口文件加入样式：

注意

因为 GovUI 样式文件在开启 gzip 的时候只有 50kb，而组件却有 60+ ，组件之间仍有相互依赖的 icon/button 等基础组件，所以并没有单独划分组件 css 文件，这意味着你仍然需要在入口文件添加样式文件。

// main.js
import 'govui-vue3/dist/styles/index.css';