Vue加载Amd模块(echarts的省市json)

Vue不支持Amd多的暴露方式。会报各种not define的错误
解决方式
  1. 删掉Amd暴露的代码。使用vue的向外暴露的代码。
  2. 将需要暴露的代码块拿出来,在Vue组件中引用即可
这里以echarts的北京市json为例说明 json数据
  1. 打开beijing.js,内容如下所示
    Vue加载Amd模块(echarts的省市json)
  2. 其中已经标明数据,红框是将后面的json数据绘制成为echarts地图。并通过外层的代码块使用Amd规范向外暴露
  3. 将数据部分提取并保存在bj.json
    Vue加载Amd模块(echarts的省市json)
  4. 然后在组件中通过 import beijing from '../../assets/js/mapchart/bj.json'引入(这里采用了局部引入,考虑到不同的组件中使用的不同的json数据)
  5. 在中将引入的数据绘制为map,第一个参数同步绑定option.geo.map的值
    Vue加载Amd模块(echarts的省市json)
  6. log打印一下option.geo.map查看输出不为空,成功