Componentes: anidamiento de componentes


Problema propuesto:

Recuperar del dominio 'randomuser.me' los datos de 50 personas:

  var app=new Vue({
    el: '#aplicacion',
    data:{ 
      personas:[]
    },
    mounted: function() {
      this.$http.get('https://randomuser.me/api/?results=50').then(function (respuesta) {
               this.personas=respuesta.body.results              
      })
    }
  })

Del archivo JSON trabajar con:

personas.name.first
personas.name.last
personas.picture.large

Crear dos componentes: 'personas' y 'foto-persona'. La componente 'personas' recorre el vector de objetos y muestra los nombres y crea una componente de tipo 'foto-persona' y le pasa como parámetro la url de la foto (personas.picture.large)