Estoy teniendo dificultades para pasar accesorios usando Vue-Router. Parece que no puedo acceder a los accesorios cuando los traigo a la siguiente vista. Este es mi objeto de métodos:

methods: {
    submitForm() {
      let self = this;
      axios({
        method: 'post',
        url: url_here,
        data:{
          email: this.email,
          password: this.password
        },
        headers: {
          'Content-type': 'application/x-www-form-urlencoded; charset=utf-8'
        }
      }).then(function(response) {
        self.userInfo = response.data;
        self.$router.push({name: 'reading-comprehension', props: {GUID:self.userInfo.uniqueID }});
      })
   }
}

La solicitud de publicación funciona, pero cuando intento enrutar a un nuevo componente y pasar un accesorio para acceder al siguiente componente, dice:

La propiedad o método "guid" no se define en la instancia, sino que se hace referencia durante el procesamiento. Asegúrese de declarar propiedades de datos reactivos en la opción de datos.

Por cierto, el componente al que me dirijo se ve así:

<template lang="html">
  <div class="grid-container" id="read-comp">
    <div class="row">
      <h1>Make a sentence:</h1>
      {{ GUID }}
    </div>
  </div>
</template>

<script>
export default {
 data(){
   return {
     props: ['GUID'],
   }
 }
}