JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <div style="margin-top:1000px"></div>

  <div class="actual-date">
    <h2>
  Actual Date  
    </h2>
  </div>
</div>

JavaScript

const scroller = {
  methods: {
    scrollToClass(className) {
      let el = this.$el.querySelector(className)
      let rect = el.getBoundingClientRect()
      window.scrollTo(rect.left, rect.top)
    }
  }
}

new Vue({
  el: '#app',
  mixins: [scroller],
  mounted() {
    this.scrollToClass('.actual-date')
  }
})