vue 移動端 better-scroll

使用better-scroll插件來實現(xiàn)x軸滑動的效果
參考的是https://zhuanlan.zhihu.com/p/...
上面說
列表的數(shù)據(jù)往往都是異步獲取的，因此我們初始化 better-scroll 的時機需要在數(shù)據(jù)獲取后
此代碼為布局
<div slot="content" class="tips product_button wrapper" ref="wrapper">

        <div class="scrool_content">
          <checker v-model="checkedMembers" type="checkbox" default-item-class="demo1-item" @on-change="memberChange" selected-item-class="demo1-item-selected">
            <checker-item v-for="item in members" @on-item-click="itemClick" :disabled="isTip" :key="item.personid" :value="item">
              {{item.name}}
            </checker-item>
          </checker>
      </div>
    </div>

上面的布局實現(xiàn)的效果

參照的文檔中有段代碼是關(guān)于異步初始化better-scroll的 
 created() {
  requestData().then((res) => {
    this.data = res.data
    this.$nextTick(() => {
      this.scroll = new Bscroll(this.$refs.wrapper, {})
    })
  })
}
看的不是很明白,希望有人可以我這個菜鳥一二 
請問我該怎么獲取ref="wrapper"這個屬性呢,在哪個方法中初始化better-scroll