props传值问题

Question

在slider.vue中 props中接收的数据是在哪里绑定上去的？在recommend.vue中使用的slider组件上也没有看到props数据的绑定，求大佬解惑，是不是我哪里理解错了，或者看错了

slider组件
export default {
name: ‘slider’,
props: {
loop: {
type: Boolean,
default: true
},
autoPlay: {
type: Boolean,
default: true
},
interval: {
type: Number,
default: 4000
}
},
recommend组件中被使用的slider组件

<img class=“needsclick” @load=“loadImage” :src=“item.picUrl”>

Answer 1

ustbhuangyi 2019-06-13 14:21:21

外部没有传这些 Props，都是使用的默认值。

• 提问者 Forever_ward #1

  知道了。还是理解不深刻；
  有个问题，我已经试过了可以直接将这些props直接写死在 data中，一样能运行；那么排除需要接收非默认的值的情况外，写在props内和写在data内的区别是什么？类型检测？还有什么好处嘛？

• ustbhuangyi 回复 提问者 Forever_ward #2

  Props 是为了让组件更加灵活，接受不同的 prop，可以让组件有不同的行为，也就是提供了外部可以控制组件的一个接口。而 data 是组件的内部的数据，维护组件的一些状态。

• 提问者 Forever_ward 回复 ustbhuangyi #3

  好的，受教了，谢谢