ES6中默认导出和批量导出的区别

一、默认导入导出

默认导出语法:export default 默认导出的成员

默认导入语法:import 接收名 from ‘模块的路径’

注意:
每个模块中,只能有一次的 export default,不然就会报错。
导入的语法的接收名自己取合法合理就行。

二、按需导入导出

按需导出语法: export 需要按需导出的成员

按需导入语法:
基础语法:import {按需导入的名称} from ‘模块的路径’
导入多个:import {按需导入的名称1,按需导入的名称2…} from ‘模块路径’
起别名:import {按需导入的名称 as 自己起个别名} from ‘模块路径’
批量导入:import * as 起的别名 from ‘模块路径’

注意:
1.每个模块可以多次按需导出
2.按需导出没有default
3.按需导入的成员名必须与按需导出的名称保持一致
4.当不同的组件导出的模块名相同,我们想在同一个文件中导入可以给其中一个起别名来进行区分和避免冲突 使用 as 关键字进行起别名(import 导出的名 from 起的别名 ”路径“)
5.使用批量导出 一定要as起别名 否则没法用

区别

1、在一个文件或模块中,export、import可以有多个,export default仅有一个
2、通过export方式导出,在导入时要加{ },export default则不需要
3、使用export 导出后,import 可以按需导入,减小项目大小,而 export default 是全部导入,开发中更推荐 export

猜你喜欢

转载自blog.csdn.net/qq_52654932/article/details/130350128