美文网首页工作生活
vue 组件中如何引用外部js文件中的变量或者方法

vue 组件中如何引用外部js文件中的变量或者方法

作者: 一叶孤舟1990 | 来源:发表于2019-07-03 20:59 被阅读0次

相信很多新手小伙伴都会遇到这样一个问题,就是我如何引用一个外部文件中的变量,下面我为大家分享一下解决办法:

(如果解决小伙伴的问题,请帮忙给我点个赞吧,谢谢!!!)

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这俩个变量(函数也是一样的)

具体的使用如图:

具体的展示如图:

相关文章

网友评论

    本文标题:vue 组件中如何引用外部js文件中的变量或者方法

    本文链接:https://www.haomeiwen.com/subject/yfhhhctx.html