vue引入echarts控制台报错echartsisnotdefined解决

看vue学习视频的时候，视频中有一段是介绍echarts图表进行数据统计的。首先要安装echarts，在项目的运行依赖中选择echarts并安装，并放上安装完成的截图：按照官方文档示例，在Dom中放上指定代码：接下来在脚本中导入echarts并初始化挂载页面加载后echarts//第一步导入图表组件echartsimportechartsfrom'echarts'exportdefault{mounted(){//第三步初始化echartsvarmyChart=echarts.init(document.getElementById('main'))//第四步准备数据和配置项varoption={title:{text:'EChartsentryexample'},tooltip:{},legend:{data:['sales']},xAxis:{data:['shirt','sheepSweater','雪纺衫','Pants','Highheels','Socks']},yAxis:{},series:[{name:'Sales',type:'bar',数据:[5,20,36,10,10,20]}]}//第五步使用刚刚指定的配置项和数据显示图表。myChart.setOption(option)}}官方文档导入后，但是没有显示echarts图表，控制台报错：有问题，找百度，百度程序，看各种解决办法，给个尝试，选择第一种方式，使用asactuallyimport*asechartsfrom'echarts'