2021-09-28 vue项目引入第三方js文件失败的解决方法

最新推荐文章于 2024-08-09 11:15:50 发布

湛海不过深蓝

最新推荐文章于 2024-08-09 11:15:50 发布

阅读量2.5k

点赞数

文章标签： echarts javascript

本文链接：https://blog.csdn.net/bbt953/article/details/120525121

版权

es5引入js文件的用法是script
es6不能在用script了，如果vue项目中用script引入js文件是不生效的
此处，我引入的是echarts的中国地图数据文件

//chinaJson.js
var chinaJson = {
		//此处是中国地图的json数据，
		可在以下链接找到中国国内所有省市区的json数据
		http://datav.aliyun.com/tools/atlas/index.html#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5
}
export {
	chinaJson,			//将chinaJson暴露出去，这步一定要写，不然组件中引入不到
}

//china.vue	中国地图组件
import { chinaJson } from "chinaJson.js文件的相对路径";	 //这样就引用成功了，要用chinaJson就直接写就行了