求助：為什么我的子組件的props值變成了undefined？

父組件代碼

<template>
  <scroll class="listview"
          ref="list" 
          :listen-scroll="listenScroll"
          :probe-type="probeType">
     <div>
         ···
     </div>
  </scroll>
</template>

<script>
import Scroll from 'base/scroll/scroll'
export default {
  created(){
    this.listenScroll = true,
    this.probeType=3
  },
  components:{
    Scroll
  }
}
</script>

子組件代碼

<template>
  <div ref="wrapper">
    <slot></slot>
  </div>
</template>

<script type="text/ecmascript-6">
import BScroll from 'better-scroll'

export default {
  porps:{
    probeType:{
      type:Number,
      default:1
    },
    click:{
      type:Boolean,
      default:true
    },
    data:{
      type:Array,
      default:null
    },
    listenScroll:{
      type:Boolean,
      default:false
    }
  },
  mounted(){
    setTimeout(()=>{
      this._initScroll()
    },20) 
  },
  methods:{
    _initScroll(){
      if(!this.$refs.wrapper){
        return
      }
      this.scroll = new BScroll(this.$refs.wrapper,{
        probeType:this.probeType,
        click:this.click
      })
      console.log(this.scroll) 
      console.log(this.listenScroll,'listenScroll')
      //下文有console出來的結(jié)果
    }
  }
}

控制臺console出來的結(jié)果是：

麻煩各位大佬幫忙看看，是不是時機的問題?

因為父組件再怎么不把值傳給子組件，子組件的props是有default的，不應(yīng)該是undefined啊...

如果要改的話怎么改比較好？ 先謝過啦！~~