我拿我实际开发中的项目的一部分作为demo来讲解,首先我们看一下我们要开发的项目的原型。
它主要由两个页面,一个是报表界面,另一个是表格界面。
其中‘报表’与“表格”菜单的切换是通过vue-router来实现的。
下图报表展示是通过echarts来实现的。
下图表格是通过element-ui来实现的。
该系统上显示的数据,都是从后台读取的的,所以我还会介绍如何用vue-resource或axios从后台读取数据,并实现表格的增删除改查功能。
所以我们这次需要介绍的技术echarts,vue-resource,vue-router,element-ui,axios等相关技术。