zoukankan      html  css  js  c++  java
  • export defaul 和 export定义和区别

    • export与export default均可用于导出常量、函数、文件、模块等
    • 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
    • 在一个文件或模块中,export、import可以有多个,export default仅有一个
    • 通过export方式导出,在导入时要加{ },export default则不需要
    //unit.js
    export const str = "blablabla~";
    export function log(sth) { 
      return sth;
    }
    
    对应的导入方式:
    //index.vue
    import { str, log } from 'unit'; //也可以分开写两次,导入的时候带花括号

    使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名,例:

    //unit.js
    const str = "blablabla~";
    export default str;
    
    对应的导入方式:
    //index.vue
    import str from 'unit'; //导入的时候没有花括号

    使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名,例:

    //unit.js
    export const str = "blablabla~";
    export function log(sth) { 
      return sth;
    }
    
    对应的导入方式:
    //index.vue
    import { str, log } from 'unit'; //也可以分开写两次,导入的时候带花括号

    当一个js文件已经有export default,但又想单独定义export const并引出时,例:

    //unit.js
    const str = "blablabla~";
    export default str;
    
    export const name = "hello~";
    
    对应的导入方式:
    //index.vue
    import { name } from 'unit'; 


    作者:吃肉肉不吃肉肉
    链接:https://www.jianshu.com/p/93877b8bd37a
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 相关阅读:
    浅谈Java中的hashcode方法
    framework
    js 去掉字符串最后一个逗号:笑死我了
    .net MVC4.0项目发布到阿里云虚拟主机中遇到的问题。
    Bootstrap学习第二天轮播插件
    Bootstrap学习第一天
    图灵机器人api的使用方法含微信版本和网页版
    sql.表值类型
    asp.net中的日志添加和未处理异常的记录
    C# 结构类型与类的区别
  • 原文地址:https://www.cnblogs.com/yehuisir/p/14725231.html
Copyright © 2011-2022 走看看