import{sliderOptions}from './config.js';为什么要加{}引入

来源:2-2 幻灯片组件--模拟数据

lcyjerry

2020-05-07 17:47:01

import {sliderOptions} from './config.js'; 为什么要加{}引入

写回答

4回答

好帮手慕粉

2020-05-08

同学你好,关于同学的问题回答如下:

1、同学理解的是有问题的,export本身就是向外部导出文件,不是它从哪暴露出来。就比如我们要将某个组件导出,就可以使用export方式,如果要使用这个组件,import导入即可。老师在上次的回答里面已经举了例子,同学可以再看下呢。

2、export和export default是有不同的,老师在上次回答的时候也已经指出了呢。

3、这只是两种导出组件的用法,是人家规定好的,使用方法是固定的,同学会使用即可。

祝学习愉快~

0

好帮手慕粉

2020-05-08

同学你好,老师没有这样说呢,export和export default都可以导出组件,只不过前者可以导出多个,后者只能导出一个模块,同学再认真看下老师上次的回复呢。

祝学习愉快~

0
hcyjerry
h 那每个vue页面里的export default 是从哪里暴露出来的? 还有既然export能暴露多个模块,那还要export default干嘛呢
h020-05-08
共1条回复

好帮手慕粉

2020-05-08

同学你好, export关键字是用来导出模块的,具体可参考如下解析:

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
hcyjerry
h 为什么只能用export default 导出组件
h020-05-08
共1条回复

好帮手慕粉

2020-05-07

同学你好,因为这里的sliderOptions是使用export暴露的,所以需要加{}。使用export default暴露的组件 引入的时候不需要加{}, 直接使用export方法暴露,引入时需要添加{}。

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

0
hcyjerry
h export 和export default 有什么区别呢?
h020-05-07
共1条回复

0 学习 · 10739 问题

查看课程