老师 这里 引入的时候 { swiperSlide } { sliderOptions }

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

你要去哪

2020-02-25 03:49:57

为什么要用 {} 而MeSlider 则不需要

http://img.mukewang.com/climg/5e5428cd09f0300304520085.jpg


写回答

1回答

好帮手慕星星

2020-02-25

同学你好, 一般使用export导出的时候, 引入的时候需要加{}, 使用export default导出的时候,引入的时候就不需要加{}。老师这里举个简单的示例,帮助同学理解

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

http://img.mukewang.com/climg/5e548e880995255504030123.jpg

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

http://img.mukewang.com/climg/5e548e9a090959be04430026.jpg

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

http://img.mukewang.com/climg/5e548eb2092c8e4205230259.jpg

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

http://img.mukewang.com/climg/5e548ecb093afce203840031.jpg

3、下载的插件也是一样的道理,可以从插件文件中去找导出的内容:

http://img.mukewang.com/climg/5e548f4c09e1bd2807740455.jpg

export导出,导入的时候需要添加{}。或者参考文档使用,按照文档来写就好

https://www.npmjs.com/package/vue-awesome-swiper

4、两者有如下区别可以注意下:

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

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

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

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

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

目前阶段,同学不用纠结这个区别的具体含义,可以先了解一下, 后面练习多了, 使用的多了自然就会懂了哦。

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

1

0 学习 · 10739 问题

查看课程