Js 模块导入import的用法总结 总结：

import x from 'abc..js'

这种导入要求 abc.js模块中有 export default 默认导出，x作为消费者导入abc.js模块默认导出的名称，x可以随意更换为你喜欢的名字

import { y } from 'abc..js'

这种导入要求 abc.js模块中必需有 export y 命名导出，y是消费者要从abc.js模块导入的命名元素，y不可更换为其他名称。如果你实在是感觉x不顺眼，那可以采用下面的方式对y重命名

import { y as xxx } from 'abc..js'，此处xxx就是重命名的新名称

import x,{ y } from 'abc..js'

这种导入要求 abc.js模块中有 export default 默认导出并且有y的命名导出

import x from 'abc..js'

这种导入要求 abc.js模块中有 export default 默认导出，x作为消费者导入abc.js模块默认导出的名称，x可以随意更换为你喜欢的名字

import { y } from 'abc..js'

这种导入要求 abc.js模块中必需有 export y 命名导出，y是消费者要从abc.js模块导入的命名元素，y不可更换为其他名称。如果你实在是感觉x不顺眼，那可以采用下面的方式对y重命名

import { y as xxx } from 'abc..js'，此处xxx就是重命名的新名称

import x,{ y } from 'abc..js'

这种导入要求 abc.js模块中有 export default 默认导出并且有y的命名导出