A Back-to-top component for Vue.js which scroll page to the top when clicked

npm install vue-backtotop --save

import Vue from 'vue'
import BackToTop from 'vue-backtotop'

Vue.use(BackToTop)
...

import BackToTop from 'vue-backtotop'
...
},
components: { BackToTop }
...

<back-to-top text="Back to top"></back-to-top>

<back-to-top text="Back to top" visibleoffset="500"></back-to-top>

<back-to-top text="Back to top" @scrolled="myFunction"></back-to-top>

<!-- in your template -->
<back-to-top bottom="50px" right="50px">
  <button type="button" class="btn btn-info btn-to-top"><i class="fa fa-chevron-up"></i></button>
</back-to-top>

/* in your css */
.btn-to-top {
  width: 60px;
  height: 60px;
  padding: 10px 16px;
  border-radius: 50%;
  font-size: 22px;
  line-height: 22px;
}