模块导出和引入

来源:3-12 vue3 模块化妙用- 鼠标追踪器

慕用6473422

2021-06-17

麻烦老师讲一下什么时候用export 什么时候用export default 他们对应的import又有什么不一样的地方

写回答

1回答

张轩

2021-06-18

同学你好 export default 称之为 默认导出(每个模块包含一个)

在引入的时候,可以使用任意的名称

// 文件 test.js
let k; 
export default k = 12; 
// 另一个文件
import m from './test'; 
// 由于 k 是默认导出,所以可以自由使用 import m 替代 import k
console.log(m);        // 输出为 12

export 称之为命名导出(每个模块包含任意数量)

export let myVariable = Math.sqrt(2);
export function myFunction() { ... };
//在导出多个值时,命名导出非常有用。在导入期间,必须使用相应对象的相同名称。
import { myVariable, myFunction } from './test'


0
1
慕用6473422
非常感谢!
2021-06-18
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程