整理一下前端vue框架,工作中用到的插件、组件、工具等。
1、Vue 中文文档
帮你快速了解Vue框架。
官网地址:
Vue2 https://v2.cn.vuejs.org/ Vue3 https://cn.vuejs.org/
2、Element-ui
element-ui:
网站快速成型工具
Element,一套为开发者、设计师和产品经理准备的基于 Vue 的桌面端组件库,提供了丰富的PC端组件。
官网地址:https://element.eleme.cn
vue-element-admin:
是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。
官网地址:https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 集成方案: vue-element-admin 基础模板: vue-admin-template 桌面终端: electron-vue-admin
注:类似的还有
1、ant-design-vue 为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。
2、Layui 开源模块化前端 UI 组件库。
基于浏览器端原生态模式,面向全层次的前后端开发者,易上手且开源免费的 Web 界面组件库。
3、iview View Design:基于 Vue.js 3 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。
3、ECharts
Apache ECharts:
一个基于 JavaScript 的开源可视化图表库。
2.1: 可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
2.2:ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
官网地址:https://echarts.apache.org/zh/index.html
4、Vue Grid Layout
Vue Grid Layout:
一个类似于Gridster的栅格布局系统, 适用于Vue.js。灵感源自于React-Grid-Layout。
✥ 可拖拽
⇲ 可调整大小
静态部件(不可拖拽、调整大小)
拖拽和调整大小时进行边界检查
增减部件时避免重建栅格
可序列化和还原的布局
自动化 RTL 支持
响应式
Min/max w/h per item
官网地址:https://jbaysolutions.github.io/vue-grid-layout/zh/