Es6中的export和import的区别

点击进入原文

前言

在写vue项目中经常会使用到export、export default、import，那么这三个的区别是什么？
首先，这三个关键词都是es6的产物，export和export default都属于导出的意思，可以在别的文件或模块中通过import将其导入，从而可以对其使用，但是export不等同于export default，下面列上用法的区别。

用法

export

export可以使import一次导入多个，如下：

导出

//demo1.js
export str="hello world"

export function f(){}

导入

//demo2.js
import (str,f) from "./demo1.js"//需要把导入的对象装进(括号)里
//或者分开单独写也可以
import str from "./demo1.js"
import f from "./demo1.js"

 

export default

export default只能单独导入一个，如下：

导出

//demo1.js
export default str="hello world"

导入

//demo2.js
import str from "./demo1.js"