3种方式 |
导入语法 |
导出语法 |
作用 |
注意事项 |
| es6基础语法-按需导入 |
另外一种方式 import * as 接收名 from '模块.js |
export {导出内容名, 导出内容名, ...}或者 export 按需导出的成员 |
按需导入的成员名称必须和按需导出的名称保持一致 按需导入时，可以使用 as 关键字进行重命名 按需导入可以和默认导入一起使用 |
|
| ES6-缺省（默认）-默认导入 | import 接收名 from '模块' ' |
export default 默认导出的成员 | 每个模块中，只允许使用唯一的一次 export default，否则会报错。默认导入时的接收名称可以任意名称，只要是合法的成员名称即可 例如’123abc’就是不合法的 | |
| ES6-直接导入 | 直接执行： | import '模块'比如import './' |
说明： 直接导入就是运行被导入的模块中的代码。//直接导入并执行模块代码，不需要的的到模块想给共享的成员 |
import 引入一个自己写的js文件，是需要相对路径的。import引入一个依赖包，不需要相对路径。比如import axios from ‘axios’; |