title: How to Pass a VueComponent to the $vuetify.goTo() method?
body: <p>i have 3 view components named home, about &amp; work. in App.vue file </p>
  
  <pre><code>&lt;v-app&gt;
      &lt;ToolBar /&gt;
      &lt;v-content&gt;
        &lt;router-view name="home"&gt;&lt;/router-view&gt;
        &lt;router-view name="about"&gt;&lt;/router-view&gt;
        &lt;router-view&gt; &lt;/router-view&gt;
      &lt;/v-content&gt;
  &lt;/v-app&gt;
  </code></pre>
  
  <p>router.js file contains this.</p>
  
  <pre><code>export default new Router({
    mode: 'history',
    routes: [
      {
        path: '/',
        components: {
          home: Home,
          about: About
        }
      },
      {
        path: '/work',
        name: 'work',
        component: () =&gt; import('./views/work/Work.vue')
      }
    ]
  })
  </code></pre>
  
  <p>in About.vue file</p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="about"&gt;
          &lt;v-container&gt;
              ....
          &lt;/v-container&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>and in ToolBar.vue file</p>
  
  <pre><code>&lt;v-btn @click="$vuetify.goTo('#about', options)"&gt;About&lt;/v-btn&gt;
  </code></pre>
  
  <p>let's say i'm in the '/' route (path) and i clicked the about button in toolbar. It then scroll down to About component as expected. What i want is to do when i am on route '/work' and clicked the about button, go to home page '/' and scroll down to the about section.</p>
  
  <p>In vuetify documentation, it says <code>goTo(target: string | number | HTMLElement | VueComponent, options?: object) =&gt; void</code>.</p>
  
  <p>My first question is that how to Pass a Vue Component as an argument to the goTo method target parameter?</p>
  
  <p>Second question is that if this is the best way to achieve the behavior i wanted? if not how to get the result i expected?</p>
  
  <p>"English is not my first language, please edit for clarity, then remove this comment!"</p>