export

export 与export default 的区别

相同点：
都可以导出变量，函数，文件，模块
不同点：
export在一个文件中可以有多个，
export default只能有一个，
export default使用方法：
a.js文件

let a = {
str:'hello world',
fun(){
let arr = ['hello','world']
}
return arr
}
export default a

b.js文件中使用

import a from './a.js' 不需要添加{}

export 的使用
a.js文件

export let str = 'hello world';
export function fun(){
alert(2)
}

b.js文件中使用

import { str,fun } from './a.js

export { default as Tot } from './a.js使用

文件目录结构

a.js文件

const infoList = {
 arrList() {
  let arr = ['hello','world'];
  return arr
},
emList(str) {
 let val = ''
 if(str > 0){
  val = str + 3
  }else{
   val = str
}
  return val
}
}
export default infoList

b.js文件

const nameList = {
 emMount(val){
  return val || '暂无数据'
}
}
export default nameList

index.js文件

export { default as InfoList } from './a.js;
export { default as NameList } from './b.js 
等价于：
先import再export
 1. import { default as InfoList } from './a.js'
 2. export InfoList

在index.vue 中使用

import { InfoList } from '@/constants/index.js'

在home.vue中使用

import { NameList } from '@/constants/index.js'

就像是 export default

a.js 导出
let str = 'hello'
export default str
b.js 导入
第一种导入方式：
import str from './a.js'
第二种导入方式
import { default as str } from './a.js'
第二种才是常规写法，第一种是简写方式

看上去好像没有什么作用，导入的内容没有任何处理又立刻被导出了，意思就是批量的导出我们的模块，在组件库里面，这个被称为：统一导出资源