没想好d

页签组件 说明：实现头部页签相关功能，包括关闭、右键刷新/关闭右侧/关闭其他。 1.实现效果 2.页签组件HeaderTabs.vue 3.tab状态存放在store中，t...

面包屑导航 说明：实现基础面包屑导航。 1.实现效果 2.面包屑组件 3.布局的Header.vue中引用...

公共指令 说明： 封装公共指令，v-hasPermission、v-copy、v-debounce、v-throttle 效果如图： 1.权限指令v-hasPermissi...

表单组件 说明：表单组件的二次封装，使用schema表单配置的方式实现，记录一下。 效果如图： 1.类型文件types.d.ts 2.工具处理函数useForm.ts 3....

高级表格组件 说明：el-table的二次封装，实现自适应高度、列和行拖拽。 1.实现效果 2.封装的表格VTable.vue 列组件VTableColumn.vue 行拖...

表格组件 说明：el-table的二次封装，使用scheme配置的方式设置表格字段。 1.实现效果，与el-table一致 2.类型文件types.d.ts 3.el-ta...

登录组件 说明：登录不使用默认布局，须在definePage中配置layout指定的布局。 1.实现效果 2.登录使用布局 single-page.vue 3.登录组件lo...

头部组件 说明：包含主题设置、中英文转换、黑暗和明亮模式、全屏、账号信息头像。 1.实现效果 2.主题设置 src/components/Themes/ThemeSetti...

菜单组件 说明：实现一个可配置的菜单组件。 实现效果： 1.类型文件type.d.ts、手动生成菜单项索引文件useMenu.ts (1)类型文件type.d.ts (2)...

消息组件开发 包括：消息组件和消息弹窗组件开发。 实现效果： 1.消息组件 Notification.vue 2.消息弹窗组件 （1）消息弹窗内容组件NoticeMessa...

i18n国际化集成 说明：使用vue-i18n库实现系统国际化，结合@intlify/unplugin-vue-i18n插件实现预加载（开发中国际化显示），同时集成elem...

1. 暗黑模式组件 说明：使用elementplus暗黑模式集成，给html添加dark样式，同时也可使用vueuse中的usePreferredDark方法，根据系统设备...

Icon组件集成 常用插件：@iconify/vue & @iconify/json、vite-plugin-svg-icons、unplugin-icons 常用图标库：...

Vue 前端开发中，表单组件是排在前三的高频使用的组件，如何快速构建表单，节省力气，避免重复造轮子呢，选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用...

TypeScript 已经入门了，但觉得 TypeScript 泛型有点难，想系统学习 TypeScript 泛型相关知识的小伙伴们看过来一文读懂 TypeScript 泛...

什么是 TypeScript？ 一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第21天，点击查看活动详情。 TypeScript，简称 ts，是微软开发...