利用 better-scroll 封装一个 scroll 组件

利用 better-scroll 封装一个 scroll 组件，拿起小本本记好关键点：

1. 需要给 scroll 组件一个固定的高度
2. 需要给 scroll 组件 设置 overflow: hidden

案例如下：

<template>
<div class="app-scroll" ref="scroll">
  <div class="scoll-wrap">
    <slot/>
  </div>
</div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
  name: 'app-scroll',
  mounted(){
    // 创建滚动视图
    this.scroll = new BScroll(this.$refs.scroll, {
      tap: true,
      click: true
    });
    // 如果需要滚动，先刷新滚动视图，就可以在可滚动范围内滚动
    this.scroll.on('beforeScrollStart', ()=>{
      this.scroll.refresh();
    });
  }
};
</script>

<style scoped>
.app-scroll{
  overflow: hidden;
}
</style>

每天起床第一句，先给自己打个气，呜噜噜，fighting ~