export 与 export default， 以及import引用

Posted 2021-01-03 haonanya

1、import引入一个依赖包，不需要相对路径。

import 引入一个自己写的js文件，是需要相对路径的。 
示例：import axios from ‘axios’; 
import AppService from ‘./appService’;

2、import什么情况下，要用{}的方式引入，什么情况下，只需要一个变量就行。

(1) 
使用export抛出的变量需要用{}进行import： 
// a.js 
export function getList () {}; 
// b.js 
import { getList } from ‘./a.js’;

(2) 
使用export default抛出的变量，只需要自己起一个名字就行： 
// a.js 
var obj = { name: ‘zhazhahui’ }; 
export default obj; 
// b.js 
import aaa from ‘./a.js’; 
console.log(aaa.name);// ‘zhazhahui’;

(3) 
切记，一个js文件中，只能有一个export default； 
但是，一个js文件中，可以有多个export。

 

摘自：https://blog.csdn.net/mrliber/article/details/79155755