vue中better-scroll中頁面滾動無效的問題

因爲在做項目的時候要用到滾動，所以引用了better-scroll這個插件，於是按照官網用法：

<script>
  import BScroll from 'better-scroll'
    export default{
      name: "CityList",
      mounted(){
         this.scroll = new BScroll(this.$refs.wrapper);
        console.log(this.scroll);
      }
    }
</script>

但是··········發現並沒有卵用，頁面滾動無效，然後百度各種找原因

最後雖然通過百度解決了問題，但是並沒有找到問題的根源是什麼·······················

以下爲正確寫法：把初始化的代碼放在一個setTimeout函數裏面即可，希望有大佬解釋一下

<script>
  import BScroll from 'better-scroll'
    export default{
      name: "CityList",
      mounted(){
         setTimeout(()=>{
           this.scroll = new BScroll(this.$refs.wrapper);
          },20)
      }
    }
</script>