美文网首页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