• export、export default、module.export区别


     在es6里面定义模块,导出模块时可以使用export、export default

    这2者区别:

    在同一个文件里面可以有多个export, 一个文件里面只能有1个export default 

     1 //a.js
     2 
     3 export const test = 'aaa';
     4 
     5 export const a = function(){};
     6 
     7 
     8 //b.js
     9 
    10 const test = 'aaa';
    11 export default test; 

    使用import 引入的方式也有点区别:

    使用export时,用import引入相应的模块名字一定要和定义的名字一样,而使用export default时,用import引入模块名字可以不一样。

    1 import {test, a} from 'a';
    2 
    3 import aa from 'b';

    另外如果使用webpack 的require引入 export default返回的模块时,需要额外写default   

    //webpack require
    
    var test = require('b').default; 

    可以使用webpack3.0配置解决这个问题,也可以使用module.export 来返回模块

    module.export 为cmd语法

  • 相关阅读:
    linux网络服务
    linux支持中文
    quartz-2实例
    makefile入门
    form 组件
    jquery +ajax 上传加预览
    iframe 加form提交数据
    笔记,ajax,事件绑定,序列化
    KindEditor
    统计图表
  • 原文地址:https://www.cnblogs.com/lmh2072005/p/7353551.html
Copyright © 2020-2023  润新知