export、export default、import区别和用法

在es6中模块化主要分为export和import

**export：**用于对外输出当前模块的变量的接口
**import：**用于在一个模块加载另一个模块中含有export接口的模块

export导出，import导入

举个例子：
app1.js中有如下代码:

export let name='lisi';

在另一个文件中的引入：

import { name } from './app1.js'
export defalut {
	data(){
		return {}
	},
	created :function(){
		alert("name");	//即为app1.js中的name值
	}
}

若是导出多个变量，则：

export { id , name, age}

在另一个文件中引入时：

import { id , name, age } from './app1.js'

当导出导入的内容为函数时：

function say(){
	
}
//导出
export { say }

//导入
import { say } from './app1.js'

export和export defalut

1. export与export default均可用于导出常量、变量、函数、文件、模块等
2. 你可以在其它文件或模块中通过import (常量 | 变量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用
3. 在一个文件或模块中，export、import可以有多个，export default仅有一个
4. 通过export方式导出，在导入时要加{ }，export default则不需要

例子：

/*export方法*/
let name='lisi';
export { name }		//导出

import { name } from './app1.js'	导入

/*export defalut方法*/
let name='lisi';
export deaflut name;	//导出

import name from './app1.js'	//导入