Vue 3 · 个人学习项目

栈序笔记
Vue 3 前端组件开发实践

围绕仪表盘、拓扑图、实时数据展示组件等常见 UI 案例，记录从需求分析、组件设计到代码实现的完整过程，分享前端开发中的技术思考与踩坑经验。

Components

Bundle (gzip)

38 KB

TS Coverage

100%

Theme Modes

Light / Dark

技术栈

peer dependencies

Vue 3 TypeScript ECharts 5 Vite CSS Variables Theming Composition API

组件预览

用于展示功率、SOC 等实时数值的仪表盘组件，支持阈值分段与动画过渡。

基于 ECharts 封装的时序数据图表，内置暗色主题与稀疏网格样式。

可拖拽排布的容器组件，用于搭建仪表盘工作台布局。