better-scroll

作用：实现滑动效果
首先，在github上搜索better-scroll
https://github.com/ustbhuangyi/better-scroll
在vue中安装npm install better-scroll --save
引入：import BScroll from ‘better-scroll’
按照里面的用法：套两层容器

<div class="wrapper">
  <ul class="content">
    <li>...li>
    <li>...li>
    ...
  ul>
div>

获取dom元素：利用ref=wrapper
this.scroll = new BScroll(this.$refs.wrapper)
注意：一定要两层容器，content代表滑动的区域
外层wrapper布局：

.wrapper {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;	
}
//保证里面容器content的内容要高于wrapper

//有时候，没有设置mousewheel属性导致各方面都书写无误但是在电脑上却不能实现滑动，是没有实现鼠标滚轮事件
mounted() {
			this.$nextTick(() => {
        		this.scroll = new BScroll(this.$refs.wrapper, {"mouseWheel": true})
        		console.log(this.scroll)
      		})
 		}