需要了解 VUE 属性或方法"range"它们不在实例上定义，但在渲染过程中被引用

Question

我需要帮助理解为什么会显示错误。一个例子是当我使用ve2 -daterange-picker时。

<date-range-picker
:singleDatePicker="range"
>
</date-range-picker>

所以singleDatePicker是一个道具，对吗?为什么如果我以这种方式将值传递给组件，它会返回错误，但如果我将值range添加到data中，它就不会返回错误?如

<template>
<date-range-picker
:singleDatePicker="singleDatePicker"
>
</date-range-picker>
</template>
<script>  
export default {
components: {
DateRangePicker
},
data () {
return {
singleDatePicker: "range",
}
},
}
</script>

Answer 1

与:(它与v-bind相同)你是绑定值，range没有定义，所以如果你想把数据直接放在你的道具singleDatePicker="range"