Esm的规范,进行调用 export default 和 export 的区别

Esm的规范,进行调用 export default 和 export 的区别

1. 使用 export default 关注文件名

例如:

aa.js

const xx = {
  name:'export default',
  sex:'男'
}

export default xx

在bb.js中引入时,import 后面跟的是文件名

import aa from './aa.js'

console.log(aa);

结果:
在这里插入图片描述

2. 使用 export 注意使用胡子符

例如:

aa.js 注意一定要是声明或语句

const xx = {
  name:'export',
  sex:'男'
}

export {
  xx
}

bb.js 对应的是声明变量,例如:xx

import {xx} from './aa.js'

console.log(xx);

结果:
在这里插入图片描述

posted @ 2022-12-06 22:18  轻风细雨_林木木  阅读(8)  评论(0编辑  收藏  举报