美文网首页前端Vue专辑前端vue总结
Vue的export和export default区别

Vue的export和export default区别

作者: 你好赵大宝 | 来源:发表于2019-12-31 14:42 被阅读0次
    export简单介绍
    • export 语句用于从模块中导出函数、对象或原始值,以便其他程序可以通过 import 语句使用它们。
    • 无论您是否声明,导出的模块都处于严格模式。 export语句不能用在嵌入式脚本中。
    export 可以导出多个命名模块,例如:
    //demo1.js
    export const str = 'hello world'
    export function f(a){
         return a+1
    }
    

    对应的引入方式:

      //demo2.js
      import { str, f } from 'demo1'
    
    export default 只能导出一个默认模块,这个模块可以匿名,例如:
    //demo1.js
    export default {
        a: 'hello',
        b: 'world'      
    }
    

    对应的引入方式:

    //demo2.js
    import obj from 'demo1'
    

    引入的时候可以给这个模块取任意名字,例如 "obj",且不需要用大括号括起来。

    相关文章

      网友评论

        本文标题:Vue的export和export default区别

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