js import的几种用法

最近昨天公司小朋友离职，临时接收其负责的vue前端项目。vue好久没做了，很多东西都忘记或以前也没接触，几天开始慢慢写点vue的小知识，算是历程或备忘吧。

import在js、ts中用了不知多少次，但没总结过，现在总结一下：

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的命名导出