import、export 和 export default

  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;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。