美文网首页
import、export 和 export default

import、export 和 export default

作者: hanxianshe_9530 | 来源:发表于2019-11-01 15:40 被阅读0次
    1. import引入一个依赖包,不需要相对路径。
      import 引入一个自己写的js文件,是需要相对路径的。
    import axios from ‘axios’;
    import AppService from ‘./appService’;
    
    1. export抛出的变量,import要用{}的方式引入。
      使用export default抛出的变量,只需要一个变量就行。

    使用export抛出的变量需要用{}进行import

    //a.js
    export function getList(){};
    
    //b.js
    import { getList } from ‘./a.js’;
    

    使用export default抛出的变量,只需要自己起一个名字就行:

    //a.js
    var obj = { name: ‘xiu’ };
    export default obj;
    
    //b.js
    import aaa from ‘./a.js’;
    console.log(aaa.name);   // ‘xiu’;
    
    1. export导出多个对象,export default只能导出一个对象
    2. 通过export方式导出,在导入的时候需要加{}
      export default不需要在导入的时候加{}
    export {A,B,C};
    export default A;
    

    相关文章

      网友评论

          本文标题:import、export 和 export default

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