Vue Better-Scroll的基本使用

1.安装

（1）better-scroll 托管在 Npm 上，执行如下命令安装：

npm install better-scroll --save

（2）接下来就可以在代码中引入了，webpack 等构建工具都支持从 node_modules 里引入代码：

import BScroll from 'better-scroll'

2.better-scroll 支持很多参数配置，可以在初始化的时候传入第二个参数，比如：

data(){
    return{
        scroll:null,
    }
},
mounted(){
	let scroll = new BScroll('.category-left',{
	    scrollY: true,
		click: true,
		pullDownRefresh: true,
		//实时侦测位置 0->默认不侦测1->不怎测	2->在手指滚动过程中侦测	3->只要是滚动都侦测
		probeType:0,
		pullDownRefresh:true,	//刷新
		pullUpLoad:true	//加载
	})

    contentScroll.on('scroll',(Position)=>{
        console.log(Position+'监听滚动位置')
    })
	contentScroll.on('pullingDown',()=>{
		console.log('下拉刷新')
	})
	contentScroll.on('pullingUp',()=>{
		console.log('上拉加载更多')
	})
}

3.

参考文档: http://ustbhuangyi.github.io/better-scroll/doc/