当我们使用vue时,如果只使用vue,那么我们将不得不做大量基础性的模板/样式/交互行为的处理。这些内容在商业活动中为隐性成本,客户是不会直接买单的,所以不会重头开始构建。好在基于国内互联网的蓬勃发展,顶部企业在重头构建框架后进行了开源处理,形成了大量基础框架:element ui/antd/有赞等。
经过不同框架的对比,框架的实现的主体结构基本相同:也就是为什么element ui 后来提供了vue版本与react版本。
大体都划分为:
- 基础布局框架
- 表单元素
- 数据展示组件
- 提示窗体
- 导航窗体
- 其他
基础组件不带业务意义,值控制使用场景,及提供props输入参数/行为交互自定义事件/模板样式等内容。
这是个单选控件,element ui完成了基础控件的封装,主要处理了前端样式/操作事件开放/交互行为等层级的封装。
在element ui组件中 table元素为最为复杂,其实在管理软件中,网格也是核心组件,承担者业务数据展示的主导地位。