轮播组件的props是哪里来的？

Question

slider组件
export default {
name: ‘slider’,
props: {
loop: {
type: Boolean,
default: true
},
autoPlay: {
type: Boolean,
default: true
},
interval: {
type: Number,
default: 4000
}
},
这一段属性完全出来的毫无征兆，实在理解不了，看老师回答其他同学的说法是：默认的？
不太理解什么叫默认的，意思是不是只要用了课程中的BScroll，就直接在props中写这些就直接生效吗？
求详细指导

Answer 1

ustbhuangyi 2020-05-12 09:31:55

这段代码没手敲？这些就是控制 slider 组件的行为的一些 prop，当然不会直接生效，比如 loop，你肯定要在初始化 BScroll 的时候传入，另外建议你看一下 GitHub 最新源码，BS 升级后一些 API 的使用有变化。

• 提问者 慕九州4451910 #1

  老师，因为根据你的讲解顺序来理解的，你使用BScroll之前就把loop给写好了，所以完全不能理解，loop和BS的相关性，我自己也手敲了一遍。另外一个课程里的BS就没你讲的这个那么复杂

• ustbhuangyi 回复 提问者 慕九州4451910 #2

  这个也不是很复杂，之前写也没毛病，因为你先考虑的是这个 slider 组件的能力，而不用考虑他内部的实现。作为一个轮播图组件，允许外部控制是否循环播放、自动播放、自动播放的间隔是很合理的。

• 提问者 慕九州4451910 回复 ustbhuangyi #3

  外部控制的逻辑我没有听到你在课中讲到，就是突然来了loop，autoplay这些props，在以往的vue课程中，一般都是以父子组件的传值来引入props的讲解的，至少这样讲我可以理解props的作用，而您的课程中有关这里并没有讲到props和轮播组件的关键性，也没有父子组件用到props，所以才始终不理解为什么props一加上就会有这样的轮播效果。总结下来就是说，你说的外部控制props中的自动播放，循环等这些属性是怎么和轮播组件关键上的？从学习的角度来看，不理解怎么起作用的啊

点开查看后面7条评论