美文网首页js css html
es6 关于 export 和 export default

es6 关于 export 和 export default

作者: flyjar | 来源:发表于2022-06-24 15:40 被阅读0次

一、export default 使用

1.如果模块中使用 export default {} 或者 export default xxx
只能通过 import 对象名称 from '模块路径'
不能通过 import {对象名称} from '模块路径'
在一个js文件中 export default {} 或 export default xxx 只能有一个,但是可以在这个文件里面继续写export{}或者export xxx

二、export 使用

1.如果模块中使用 export {} 或者 export xxx
只能通过 import {对象名称} from '模块路径 这种结构赋值的形式导入'
不能通过 import 对象名称 from '模块路径'
在一个js文件中 export {}和export xxx的数量 则不受限制

三、import 使用

2. 如果使用 import {对象名称} from ‘模块路径’ 导出具体某个对象或者方法名称
需要单独导出对象或者方法:
export function add(){}
export function sub(){}
使用:
import {add, sub} from ‘模块路径’
直接使用 add,sub方法

相关文章

网友评论

    本文标题:es6 关于 export 和 export default

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