export与export default的区别

1. export :

  在每一个文件中可以使用多次export命令;

  import时需要知道所加载的变量名或函数名

  import时需要使用{},或者整体加载方法

2. export default:用于规定该模块的默认对外接口

  dafault(默认):即只有一个的意思

  每个文件中只能使用一次export default命令

  import时可以指定任意名字

3. export  VS   export default:

  每个文件:export命令可多次使用;export default 命令只能使用一次

  import引入:export需要引入对应的变量名或函数名,而export default可以指定任意名字

4. export的用法:

  

export const name = '张三'
export function output() {
  console.log(name)
}
import {name, output} from 'XXXX'

// 打印name
console.log(name)
// 调用output
output()

5. export dafault的用法:

  

let person = {
  name: '张三',
  print() {
  console.log(this.name)
}
}
export default obj
import people from 'XXXXX'
// 打印name
console.log(people.name)
// 调用say
prople.print()
原文地址:https://www.cnblogs.com/pylf/p/13954172.html