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

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

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

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
好帮手慕粉 2020-05-08 18:17:20

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

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

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

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

祝学习愉快~

好帮手慕粉 2020-05-08 13:52:01

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

祝学习愉快~

  • 提问者 lcyjerry #1
    那每个vue页面里的export default 是从哪里暴露出来的? 还有既然export能暴露多个模块,那还要export default干嘛呢
    2020-05-08 14:10:22
好帮手慕粉 2020-05-08 09:57:48

同学你好, 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导出的,因为这样才可以导入另一个组件中使用,也就是父组件中调用子组件。

祝学习愉快~

  • 提问者 lcyjerry #1
    为什么只能用export default 导出组件
    2020-05-08 11:27:58
好帮手慕粉 2020-05-07 18:31:24

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

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

  • 提问者 lcyjerry #1
    export 和export default 有什么区别呢?
    2020-05-07 19:16:17
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师