export，import ，export default的区别

export与export default的区别

区别：

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

注意：

1. 这样来说其实很多时候export与export default可以实现同样的目的，只是用法有些区别。注意第四条，通过export方式导出，在导入时要加{ }，export default则不需要。
2. 使用export default命令，为模块指定默认输出，这样就不需要知道所要加载模块的变量名。

export：单个导出，后面放的是函数或者变量的声明。导入的时候必须通过解构的形式导入，在一个模块中允许多次单个导出

export default：值，导入的时候可以通过任意变量来获取，在一个模块中只允许默认导出一次

var name="李四";
export { name }
//import { name } from "/.a.js" 
可以写成：
var name="李四";
export default name
//import name from "/.a.js" 这里name不需要大括号

var name1="李四";
var name2="张三";
export { name1 ,name2 }

==>

 var name1="李四";
 var name2="张三";
 export name1;
 export name2;
 

require与import的区别

import和require都是被模块化所使用
区别：

1. 调用时间
   require是运行时调用，所以require理论上可以运用在代码的任何地方
   import是编译时调用，所以必须放在文件开头
2. 本质：
   require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量。
   import是解构过程，但是目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require。

export和import（一个导出一个导入）

一个a.js文件里

export var name="李四";

在其它文件里引用如下：

import { name } from "/.a.js" //路径根据你的实际情况填写
export default {
  data () {
    return { }
  },
  created:function(){
    alert(name)//可以弹出来“李四”
  }
 }

上面的例子是导出单个变量的写法，如果是导出多个变量时，就要用大括号包裹着需要导出的变量：

 var name1="李四";
 var name2="张三";
 export { name1 ,name2 }

在其他文件里引用如下：

import { name1 , name2 } from "/.a.js" //路径根据你的实际情况填写
export default {
  data () {
    return { }
  },
  created:function(){
    alert(name1)//可以弹出来“李四”
    alert(name2)//可以弹出来“张三”
  }
 }

如果导出的是个函数：

function add(x,y){
   alert(x*y)
  //  想一想如果这里是个返回值比如： return x-y，下边的函数怎么引用
}
export { add }

在其他文件里引用如下：

import { add } from "/.a.js" //路径根据你的实际情况填写
export default {
  data () {
    return { }
  },
  created:function(){
   add(4,6) //弹出来24
  }
 }