VUE 3 · ELEMENT PLUS

企业级数据驱动组件

围绕表单、数据管理和可视化，用配置快速搭建业务页面。

开始使用(v3.9.5)更新日志

AVUE COMPONENTS

Documentation

组件文档

按当前开发任务，直接进入对应文档。

FORM

表单

配置字段、校验和联动，组织业务录入。

CRUD

数据管理

组合搜索、分页和编辑，处理列表业务。

COMPONENT

基础组件

独立使用输入、选择、日期等常用控件。

DATA

数据展示

用统计、排行和看板呈现业务数据。

PAGE

业务组件

接入登录、打印、树形等现成模块。

SKILL

AI 开发 Skill

让 AI 参考 Avue 规范，生成页面代码。

Quick Start

安装接入

在现有 Vue 3 项目中安装依赖，并在挂载前注册。

01 安装依赖

终端

pnpm add @smallwei/avue element-plus @element-plus/icons-vue axios

示例使用 pnpm，接入时沿用项目已有的包管理器与锁文件。

02 注册组件

src/main.js · app.mount() 之前

import ElementPlus from 'element-plus';
import * as Icons from '@element-plus/icons-vue';
import Avue from '@smallwei/avue';
import axios from 'axios';
import 'element-plus/dist/index.css';
import '@smallwei/avue/lib/index.css';

for (const [name, component] of Object.entries(Icons)) {
  app.component(name, component);
}
app.use(ElementPlus);
app.use(Avue, { axios });