vue 组件中如何引用外部js文件中的变量或者方法
2019-07-03 本文已影响0人
一叶孤舟1990
相信很多新手小伙伴都会遇到这样一个问题,就是我如何引用一个外部文件中的变量,下面我为大家分享一下解决办法:
(如果解决小伙伴的问题,请帮忙给我点个赞吧,谢谢!!!)
1,首先自己创建一个js文件放到assets中:map.js

2,map.js 中代码如下:(data是数组,geoCoordMap是对象,这个因为太长了所以就不展开了)
重点:
export { // 导出多个对象
geoCoordMap,data
}

3,组件中引用这个map.js
方法如下:
import {geoCoordMap,data} from '../assets/js/map.js'
这是es6中解构的方式引入的,可以理解为 '../assets/js/map.js' 中 我需要在当前使用geoCoordMap和data这俩个变量(函数也是一样的)
具体的使用如图:

具体的展示如图:
