js import的4种用法一定要知晓丨技术开发分享录

js import的4种用法一定要知晓

%{ detail.nickname }

转载翻译 %{ formatTime(detail.create_time) } 字数 %{ detail.content && detail.content.length } 阅读 %{ detail.read_num } 评论 %{ comment.page.total } 喜欢 %{ total(detail.like_uids) } %{ formatTag(v) } 编辑文章

第1种

import x from 'abc.js'

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

第2种

import { y } from 'abc.js'

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

第3种

import { y as xxx } from 'abc.js'

此处 xxx 就是重命名的新名称

第4种

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

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

PS：写作不易，如要转裁，请标明转载出处。

%{ comment.page.total }条评论

%{ v }

js import的4种用法一定要知晓

第1种

第2种

第3种

第4种

猜你想看