No angularJs temos um recurso chamado "ng-include" ele renderizar um HTML externo na minha tela estou fazendo utilizando "tabs" ou seja ele clica no Endereço e renderizar a tela de endereço e se clicar na situação renderiza a tela de situação.
Meu dilema está em qual recurso do Vue.js posso utilizar para substituir o "a" e quando o usuário clicar renderizar o componente que ele clicou.
O primeiro passo que quero resolver é só a renderização do componente certo.
<template>
<div class="animated fadeInRight">
<div class="row">
<ul class="nav nav-pills nav-fill">
<li class="nav-item">
<a class="nav-link" href="#">Endereco</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Situacao</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contato</a>
</li>
</ul>
</div>
</div>
</template>
<script src="./aluno.js"></script>
<style src="./aluno.css"></style>