vue导入的几种用法import.. from.. import * as import {..} from ..
1:import * as API from '@/文件路径'这种写法是把所有的输出包裹到 API 对象里2:import … from “…”// A.jsexport default 20// B.jsimport A from './A'上面的代码生效的前提是,只有在A.js中有默认导出的export default语法时才会生效。不使用{}来引用模块的情况下,import模块的命名是随意的
·
1:import * as API from '@/文件路径'
这种写法是把所有的输出包裹到 API 对象里
2:import … from “…”
// A.js
export default 20
// B.js
import A from './A'
上面的代码生效的前提是,只有在A.js中有默认导出的export default语法时才会生效。
不使用{}来引用模块的情况下,import模块的命名是随意的
因为它总是会解析到A.js中默认的export default
3:import {…} from “…”
//A.js
export const A = 21
//B.js
import { A } from './A'代码生效的前提是,只有在模块A.js中有如下命名导出为A的export name的代码,
而且,在明确声明了命名导出后,那么在另一个js中使用{}引用模块时,import时的模块命名是有意义的
更多推荐
已为社区贡献3条内容
所有评论(0)