一、首先创一个组件用来表示这个按钮
然后再组件里把按钮图片导进去，并且定位好再右下角
然后要实现点击它，滚动回到顶部，如果再backtop组件内实现点击，然后点击后调用scroll里面回到顶部的方法，这样子显得复杂
所以我们可以这么做，可以再backtop组件标签那里实现点击，不是再组件内部实现点击，
然后再原生组件标签里实现点击需要加native
然后点击后，需要拿到scroll组件里面的scroll属性的scrollTop的方法，才能实现回到顶部，拿到scroll组件的方法
定义一个ref
点击后取出来然后拿到这个组件，只需要再它内部创建一个方法是调用scrollTo的方法，然后如图，调用一下方法就可以了
接下来就是先这个按钮的显示和隐藏
首先我们了解一下这个显示隐藏的原理，是当下拉到一定程度后这个按钮才显示出来，所以我们再调用scroll的时候，再滚动组件scroll里面设置滚动检测，检测到具体哪一个位置，（但是来到这里，如果再里面设置probetype的参数为3，那么以后其他组件调用这个滚动不想把这个值设置为3呢，所以这里就设置一个prpos来接收调用scroll这个组件的组件把probetype的值传进来，由调用scroll这个组件的组件决定，所以scroll里面的probetype，设置为this.probetype
）因为显示和隐藏是再首先设置的，所以还要把position这个参数传出去到首页组件，看代码
Home.vue里面传如probetype的值和接收子组件传出来的值，并且放到后面这个方法这里
下面图片调用方法，并且再按钮组件那里设置一个v-show，通过isshow这个对象来决定是否显示