import、export 和 export default-优快云博客

本文深入探讨了ES6中export和export default的使用方法及区别，解析了如何正确导入和导出模块，以及它们在实际编程中的应用。

作用

ES6中，export和export default均可以用于导出常量、函数、文件、模块等。而import+ (常量|函数|文件|模块)将其导入，导入后可以将其使用。

注意点

1 在一个文件或模块中，export、import可以有多个，export default仅可以有一个

2 通过export方式导出，在导入时要加{ }，export default则不需要

3 import引入一个依赖包，不需要相对路径。import引入一个自己写的js文件，是需要相对路径的

4 使用export default导出时，导入时变量名可以是任意的，只需要自己起一个名字就行

export

//导出
var a="小明";
var b="小里";
export { a ,b }
复制代码

//导入
import { name1 , name2 } from "/.a.js" //相对路径，变量要用大括号
export default {
  data () {
    return { }
  },
  created:{
    alert(a)//可以弹出来“小明”
    alert(b)//可以弹出来“小里”
  }
}
复制代码

export default

//导出
var obj = { name: 'xiu' };
export default obj;
//导入
import aaa from './a.js';
console.log(aaa.name);   // 'xiu';
复制代码