vue 中 引入并简单使用better-scroll

1. 什么是better-scroll

better-scroll是一个滚动插件，旨在解决移动端的滚动环境（已经支持PC）。是对iscroll的封装

github地址 https://github.com/ustbhuangyi/better-scroll

2. 下载

进入项目的目录

npm install better-scroll --save

3. 引入

需要在页面中引入

import Bscroll from 'better-scroll'   

4. 在vue中使用

html结构需要符合这样的结构，最外层需要有标签包裹列表

<div class="wrapper" ref="list">
	<ul class="content">
		<li></li>
		<li></li>
		<li></li>
		...
	</ul>
	<!-- 在这里放一些其他的dom，不影响滚动 -->
</div>

better-scroll需要获取DOM，在vue中使用ref获取到需要的DOM，一般在生命周期钩子的mounted函数中使用

在mounted生命钩子中,创建Bscroll实例,this.$refs.list 获取DOM

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