企业官网建设流程全解析

关于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 * 已经把所有子模块的命名导出都转导出来了