如何用Vue+Echarts制作世界地图下钻

在疫情期间，地图对于我们掌握疫情的走势立了大功，那么怎样能够制作一个相似的地图模块呢？本文利用vue和echarts模拟了对于疫情地图的制作。

关于Vue和Echarts

vue是一个轻量级的框架，他采用了MVVM的模式，也就是M(model)数据，VM 控制逻辑 和 V(view) 视图组成，相比之前的框架，vue更加的简洁，方便使用者解耦合。

之前JavaScript 代码可以看见其控制逻辑和视图是混合在一起的，不利于后期添加功能，耦合度过高。所以Vue提出了将视图，数据，控制逻辑分离的思想，在vue中，视图是放在template中，控制逻辑放在vue创建的对象中，model则放在vue对象中的data区域，这样就解耦了三个模块。

而Echarts 则是一个由百度开发的纯 javascript 图表库ÿ