JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]/vue-scrollto.js"></script>
<div id="app">
  <button v-scroll-to="'#element'">
      Scroll to #element
  </button>
  
  <h1 id="element">Hi. I'm element</h1>
</div>

CSS

h1, button {
  margin-bottom: 1000px;
}

JavaScript

VueScrollTo.setDefaults({
    container: "body",
    duration: 4000,
    easing: "ease",
    offset: 0,
    cancelable: false,
    onDone: false,
    onCancel: false,
    x: false,
    y: true
})

new Vue({
  el: '#app',
  methods: {
  }
})