title: How to redirect to another component using link in Vuejs?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="enterprise-details" style="margin-top: 20px"&gt;
  Already have an account? &lt;a href="#"&gt; LOGIN&lt;/a&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;!--  Component which need to redirect --&gt;
  
  &lt;b-button v-if="!registeredUser" class="button-self" v-b-modal.modal-x&gt;Login&lt;/b-button&gt;
   &lt;b-modal
        id="modal-x" ref="my-modal"
        title=""
        class="modal-dialog modal-sm modal-rounded fade"
        
      &gt;
      //some code
      
      &lt;/b-modal&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>onclick Of link, How to redirect the page to another component</p>