Why Does Vue.js/axios Don't Render The Data I Defined?

I query data from a third party API using Vue.js + Axios. The data is returned nicely however it has a bit of confusing structure (nested array). Somehow the Vue doesn't properly w

Solution 1:

<divv-for="Rank in info"><p>{{ Rank }}</p>

Here Rank is an object, if you mean to use the rank key you need to

<p>{{ Rank.rank }}</p>

Solution 2:

This is what you api gives. I think, because of a demo version. There are no items to display. So Vue not displays anything. It's a problem with the server, not your code. I'm worried, but maybe you need another api :(