Skip to content

快速上手

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

完整引入 😋

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

js
// 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')

按需引入

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

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

在入口文件加入样式:

注意

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

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

Released under the MIT License.