href не работает в файле App.vue приложения vuejs

Question

Я дал ссылку в тегах href.но он не работает, поскольку он присутствует в файле App.vue. Как перейти из файла App.vue с помощью href ??

<div v-if="city!=null">
  <f7-page>
    <center>
      <a
        style="position:absolute;top:10px;right:10px;z- 
   index:99;color:#242424;background-color:#FFFFFF;padding:4px 12px; border- 
   radius:40px"
        @click="save"
      >Skip</a>
      <f7-block style="margin:0px">
        <div style="color:gray;font-size: 14px;">Ready to Explore Local World ! </div>
        <div>
          <a
            href="/signup/"
            style="background-color:#273657;margin: 20px 10px 10px 
   10px"
            class="button button-fill button-big"
          ><b>Join Free</b></a>
        </div>
        <div style="color:gray;font-size: 14px;">Have an account?<span>
            <f7-link
              style="color:green;padding:5px"
              href="/login/"
            >Login</f7-link>
          </span>
        </div>
      </f7-block>
    </center>
  </f7-page>
</div>

Answer 1

Предполагая, что вы используете Vue-Router, вы должны использовать компонент router-link, чтобы перейти к другому маршруту. См. https://router.vuejs.org/api/ для получения дополнительной информации.

По сути, маршрутизатор работает не на стороне сервера (поэтому при нажатии на ссылки не запускаются HTTP-вызовы), а на стороне клиента. Когда вы щелкаете по ссылке на маршрутизатор, все, что изменяется, обрабатывается приложением vue (javascript).