import * as用法
1、import 导入模块变量-----这里在导入的时候变量需要重命名,import的时候必须使用大括号!
//按需引入math模块各个变量
import{del,add,sub as subList}from"@/api/math.js"
console.log(de1)
console.log(add(2,4))
console.log(subList(20,3))
2、一次性全部导入模块变量!用*
//全部引入math.js模块变量
import*as math from"@/api/math.js" // *——代表所有 math——自定义的重命名
console.1og(math.de1)
console.1og(math.add(2,4))
console.Log(math.subList(20,3)
export {default as用法
src/tools/otherMapTool/TrackSelectTool.js
class TrackSelectTool extends NMap.tool.PointSelectTool {
// 内容区
}
export default TrackSelectTool
src/tools/index.js
export {default as TrackSelectTool} from './otherMapTool/TrackSelectTool';
使用
src/components/common/trackMark.vue
import * as tools from '@/tools/index.js';
methods:{
getData(){
this.selectTool = new tools.TrackSelectTool({
filter(feature) {
return 'trackMark' === feature.properties.geoLiveType;
}
});
}
}
小例子
1、创建一个 b.js文件, 导出两个模块变量
export const name='名字';
export const age=21;
2、创建一个 a.js文件,引入b.js文件 暴露出的两个变量。
// 两种使用方法
<script type="module">
// 方法一: 会导出这个默认的对象作为一个对象
import {name, age } from './b.js'
console.log(name)
// 方法二: 会将若干export导出的内容组合成一个对象返回;
import * as b from './b.js'
console.log(b.name)
console.log(b.age)
</script>
import * as xxx from 'xxx’: 会将若干export导出的内容组合成一个对象返回;
而import xxx from ‘xxx’:(export default Din)只会导出这个默认的对象作为一个对象
https://blog.csdn.net/weixin_44867717/article/details/124142489