Element-Plus-Crx，一个基于 vue3 + typescriot + element plus 的扩展组件库

学习vue3的过程中，写了一个基于 vue3 + element plus 的扩展组件库，提供数据配置表单，表格，菜单等扩展组件。极简的思想，完全的数据驱动，拥有绝对的灵活性，内置双语言，完整的 typescript 提示，方便的全局配置，帮助你快速开发！

• 代码地址，想要学习vue3 + ts 开发组件的可以参考一下啦
• 文档地址，想要试试也非常欢迎
• 后台模板，vite + vue3 + typescript + element-plus+crx 的后台管理系统基础模板，供学习

如此简单

列表加表单，如此简单。

<template>
  <ElForm label-width="80px" :model="form.model">
    <AgelFormGrid :items="form.items" :span="8"> </AgelFormGrid>
  </ElForm>
  <AgelTable :data="table.data" :columns="table.columns"> </AgelTable>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'

const arr = [
  { label: '名称', prop: "name" },
  { label: '日期', prop: 'date' },
  { label: '地址', prop: 'address'},
]

const form = reactive({
  model: {},
  items: arr
})

const table = reactive({
  data: [],
  columns: arr
})
</script>