Tenho 2 tabelas
Tabela 1
[
{"Id": "1", "nome": "João"},
{"Id": "2", "nome": "Manoel"}
]
Tabela 2
[
{"Estudante": "1", "nota": "5", "avaliação": "1"},
{"Estudante": "1", "nota": "6", "avaliação": "2"},
{"Estudante": "1", "nota": "7", "avaliação": "3"},
{"Estudante": "1", "nota": "8", "avaliação": "4"},
{"Estudante": "2", "nota": "3", "avaliação": "1"},
{"Estudante": "2", "nota": "5", "avaliação": "2"},
{"Estudante": "2", "nota": "8", "avaliação": "3"},
{"Estudante": "2", "nota": "9", "avaliação": "4"}
]
Preciso renderizar da seguinte forma
Estudante: Jose
Evaluation 1 | nota 5
Evaluation 2 | nota 6
Evaluation 3 | nota 7
Evaluation 4 | nota 8
Estudante: Mark
Evaluation 1 | nota 3
Evaluation 2 | nota 5
Evaluation 3 | nota 8
Evaluation 4 | nota 9
Estou usando o v-resource chamando os dados por PHP da Tabela 1 que é a lista de estudantes e usando o V-FOR para exibir
<Div v-for="Estudante in Estudantes">
Estudante {{Estudante.nome}}
</Div>
Agora precisaria dentro deste primeiro V-FOR, invocar um outro $HTTP.POST passando o ID para a query me trazer apenas os dados relacionados ao determinado aluno dentro do laço.
Qual a melhor forma de executar esse sistema?