1回答

好帮手慕夭夭

2019-12-25

已采纳

同学你好，export default用来导出模块的，当哪一个文件使用到这个模块，就可以使用import 导入。

通过如下简单的例子理解一下：

1. 第一种语法，不加default，此时可以导出多个

export const str = 'hello world'

export function f(a){
   return a+1
}

如上文件中导出了一个变量和一个函数 ，其他文件想要使用它们，可以通过如下引入：

str就是对应的上面导出的变量str，f就是上面导出的函数f 。下面的两个名字是可以任意起的，不过保存一致更清晰一点。

//demo2.js
import { str, f } from 'demo1'

注意没有加default，导入的时候要加{} ,这是规定语法。

2.export default 只能导出一个默认模块

//demo1.js
export default {
   a: 'hello',
   b: 'world'      
}

如上导出一个对象，在其他文件中使用：

//demo2.js
import obj from 'demo1'

注意obj不需要加{} 了。obj导入默认对象时，给它起的一个名字。

像课程中在写vue组件的时候，是需要都加上export default导出的，因为这样才可以导入另一个组件中使用，也就是父组件中调用子组件。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0