引入的问题

引入的问题

http://img1.sycdn.imooc.com//climg/5fe429d10906b25608140270.jpg

这两种分别是什么?

为什么有的是组件名的形式,有的是对象的形式?

正在回答

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

2回答

同学你好,具体参考如下区分这两种方式:

1、如果一个组件在导出的时候,加了default:

http://img1.sycdn.imooc.com//climg/5fe433f009d91c5303890085.jpg

那么导入的时候,不需要加花括号:

http://img1.sycdn.imooc.com//climg/5fe43434090dbb8303360048.jpg

2、如果导出的时候,没有加default:

http://img1.sycdn.imooc.com//climg/5fe43447099da83103000060.jpg

那么导入的时候,需要加花括号(注意它不是对象,只是在组件名上加了一个花括号):

http://img1.sycdn.imooc.com//climg/5fe4345e09ab079a03730039.jpg

以上导入导出在前面es6课程中有讲解,地址如下:

https://class.imooc.com/course/1641

http://img1.sycdn.imooc.com//climg/5fe43499094e67b603100277.jpg

人都是有记忆曲线的,学过的知识长时间不用是会忘记的。所以一定要定期复习之前的课程,最好是自己做个笔记,有有时间就翻一下笔记,以巩固基础的知识哦。

祝学习愉快~

  • 人生的起源 提问者 #1
    好的,谢谢
    2020-12-24 14:45:30
  • 人生的起源 提问者 #2
    对了,还有个问题,什么时候该用export default,什么时候只用export呢?
    2020-12-24 21:00:04
好帮手慕糖 2020-12-25 10:29:18

同学你好,没有说必须使用哪一个,都是导出,这两个的主要区别如下:

1、export default 向外暴露的成员,可以使用任意变量来接收

2、一个模块中,export default 只允许向外暴露一次

3、一个模块中,可以同时使用export default 和export 向外暴露成员

4、使用export向外暴露的成员,需要使用{  }的形式来接收

5、使用export导出的成员,必须严格按照导出时候的名称,来使用{ }按需接收(使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名)

注意:不同的导出方式,导入时也有区别,例:

(1)如果导入的文件中使用了export导出,如下:

http://img1.sycdn.imooc.com//climg/5d5e332a00015abf04960175.jpg

那么引入的时候,就需要添加{}:

http://img1.sycdn.imooc.com//climg/5d5e3353000172dc04160049.jpg

(2)如果导入的文件中使用了export default导出,就是默认导出的内容:

http://img1.sycdn.imooc.com//climg/5d5e33ee0001e85905720144.jpg

那么引入的时候,就不需要添加{}:

http://img1.sycdn.imooc.com//climg/5d5e34140001785205800103.jpg


可以参考如上区别,根据导出内容的不同,使用不同的导出方式哦。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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