局部滾動，scroll組件的實現

首先要注意咱們的scroll要放在子元素當中，子元素要比父元素大才能夠滾動
抽象一個scroll的基礎組件，步驟
1.import better-scroll
2.父元素設置ref
3.在這個基礎組建裏設置slot，這樣子方便父組件的使用和渲染dom
4.子組件scroll裏書寫props提供給父組件
better-scroll有不少具體的方法
能夠經過去看better-scroll的官方文檔來了解更全面
5.寫一個初始化scroll的方法，寫在mounted和methods裏面，保證只有父組件被調用的時候才使用這個組建，否則一開始會報錯，注意因爲使用了mounted因此要在你想要使用scoll組建的那個組件內部添加data監聽，否則mounted一開始出來是什麼都沒有的也滾動不了
渲染完畢，data監聽到，就會調用refresh方法
6.methods裏要寫上props裏對應的方法
關於子組件props的例子
7.加enable和disable的方法用&&來控制
8.refresh方法
9.watch：
watch data
大概的scroll輪廓就出來了

props: {
      probeType: {
        type: Number,
        default: 1
      },
      click: {
        type: Boolean,
        default: false
      },
      listenScroll: {
        type: Boolean,
        default: false
      },
      data: {
        type: Array,
        default: null
      },
      pullup: {
        type: Boolean,
        default: false
      },
      beforeScroll: {
        type: Boolean,
        default: false
      },
      refreshDelay: {
        type: Number,
        default: 20
      },
      direction: {
        type: String,
        default: DIRECTION_V
      }
    },