export 和 export default的区别

export

export 导出时只能导出变量 , 并且引入时需要解构对应变量获取 , 可以导出任意类型内容 , 一个文件内可以有多个 export 导出

const data = 123
export { data } // 结果为 123

const obj = {
name : 'xiaozhi'
}
export { obj as data } // 结果为 Object 下有 name属性  值为 xiaozhi

export const data = 123 // 结果为 123

export const obj = { // 结果为 Object下有name属性 值为xiaojie
name : 'xiaojie'
}

// 想要一次导出多个变量
export { data , obj }  // 引入data 就是123  引入 obj 就是 { name : 'xiaojie' }

export default

export default 导出可以直接导出内容 不用先存入变量 , 并且引入时可以自定义变量名 , 一个文件内只能有一个 export default

export default { // 结果为 { name : 'xiaozhi' }
  name : 'xiaozhi'
}

export default 123 // 结果为 123

const data = {
  name : 'xiaojie'
}
export default data // 结果为 { name : 'xiaojie' }

const arr = [1,2,3,4]
export default { arr , data } // 结果为 { arr : [1,2,3,4] , data : { name : 'xiaojie' }}

export default const data = 123// 报错  不能这么写