better-scroll的使用--去哪儿网(五)

better-scroll的简单使用
安装better-scroll

npm install better-scroll --save

使用better-scroll，要保证符合下面的dom结构

本人在写的项目的结构为下面展示：

第一层的元素list给加了： “overflow: hidden”，在本元素上加上ref属性，该属性可以帮助我们获取到dom元素

<div class="list" ref="wrapper">

然后在该组件中引入better-scroll

import Bscroll from 'better-scroll'

接着在mounted中new一个Bscroll的实例，并且将wrapper这个元素传入进去

mounted () {
	this.scroll = new Bscroll(this.$refs.wrapper)
}