大数据分析技术应用-vue中echarts图表的实现.pptx

9vue中echarts图表的实现

学习目标掌握语法糖的概念掌握vue插槽实现代码复用的原理132知识思政技能能向插槽中插入echarts图表能在vue3中使用echarts图表培养创新精神培养严谨的工作态度

一、向插槽中插入简单测试内容itemPage为插槽页面，其中已经留好了槽口slot。如何向槽口中插入图表呢？我们先从插入简单文字内容学起。简单内容如果能够显示成功，后面只需要把简单内容换成图表，就实现了图表的显示。实现步骤：1、在components中新建itemOne.vue~itemSix.vue6个子组件，用来表示6个图表。2、在itemOne.vue中输入简单