文章目录
- 关于export和export default 以及export * from './login'
- 1.export default
- 2.export
- 3 export * from './login'
关于export和export default 以及export * from ‘./login’
1.export default
- export default ：一个文件里只能有一个，它是整个文件的“默认出口”，可以导出任意类型的值（对象、函数、变量都可以）。
外部导入时可以自定义名称，不用和导出的名字完全一致。
// 一个文件仅能有1个 export defaultexportdefaultfunctionloginFn(){return{code:200,msg:'登录成功'}}// 自定义名称即可，无需和导出名一致（核心特点）importmyLoginfrom'./login'// 直接调用myLogin()2.export
- export （命名导出）：一个文件里可以有多个，每个导出都要有自己的名字。
外部导入时必须用对应的名称，或者用 as 重命名。
// 一个文件可多个 export 命名导出exportconstgetToken=()=>'123456'exportconstgetMenus=()=>[{name:'首页'},{name:'设置'}]// 名称必须和导出的命名完全一致import{getToken,getMenus}from'./login'// 调用getToken()getMenus()3 export * from ‘./login’
建立了一个导出的映射关系，外部通过 index.js 就能访问到 login.js 的所有导出，让 index.js 成为统一的入口。
引入方便直接是访问mock文件夹就行，外部直接访问mock文件夹，就能自动读取里面的index.js（模块入口），而index.js里的 export * 已经把所有子模块的命名导出都转导出来了
