一、首先安裝安裝

npm install better-scroll --save

二、 並在元件中引用

import BScroll from ‘better-scroll’

template中引用指向將要滾動的DOM元素

根據官方文件ref屬性的說明，我們可以這樣將DOM元素引用

三、 在methods中註冊_initScroll方法，這個方法是對better-scroll的例項化，並且這個方法將來會在頁面DOM結構渲染後被執行

   methods: {
      _initScroll(){
        this.menuScroll = new
 
 BScroll(this.$refs.menuWrapper, {})

        this.foodsScroll = new BScroll(this.$refs.foodsWrapper, {})
      }
    }
  }

四、在created()方法中，後臺資料獲取成功之後的回撥中，呼叫_initScroll（）；

Vue 更新資料時是非同步的,所以在資料未載入完全之前,Bscroll無法獲取目標內容的高度,所以會導致無法滾動的現象
這裡一定要注意，資料獲取成功後，直接Dom不一定是資料獲取之後的渲染，所以要利用this.nextTick()方法，在this

看看官方關於this.$nextTick()的說明

所以我們在專案中應該這樣書寫：