vue3中使用 uv-ui

Vue3 中使用 UV-UI（Ultra-Vue UI）可以让你更方便地集成一套美观、功能丰富的前端组件库到你的项目中。UV-UI是一个基于 Vue 3 开发的轻量级 UI 组件库，它提供了各种常见的界面元素，如按钮、表单、卡片、导航栏等，并遵循 Vue 的响应式数据绑定和组件化设计理念。

以下是使用 UV-UI 的基本步骤：

1. **安装**：
使用 npm 或者 yarn 安装 UV-UI，例如：

   npm install @ultravue/core @ultravue/components

2. **引入并注册**：
在 main.js 或者 vite.config.js 等全局配置文件中引入并注册 UV-UI：

   import { createApp } from 'vue';
   import { ElOption, ElSelect } from '@ultravue/components'; // 需要使用的组件
   import '@ultravue/core/styles/index.css';

   const app = createApp(App);
   app.use(ElOption);
   app.use(ElSelect); // 注册你需要的组件
   app.mount('#app');

3. **在模板中使用**：
在 Vue 模板中可以直接像 Vue 脚手架那样使用 UV-UI 组件了：

   <template>
     <el-select placeholder="请选择">
       <el-option
         v-for="(item, index) in options"
         :key="index"
         :label="item.label"
         :value="item.value"
       ></el-option>
     </el-select>
   </template>

4. **更新样式**：
根据需要调整 UV-UI 的主题颜色或自定义 CSS 规则。