рудно передавать реквизиты с помощью Vue-Router. Кажется, я не могу получить доступ к реквизиту, когда переношу его на следующий экран. Это мой метод методов:

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 }});
      })
   }
}

Запрос на публикацию работает, но когда я пытаюсь перенаправить на новый компонент и передать реквизиты для доступа к следующему компоненту, он говорит:

Свойство или метод "guid" не определен в экземпляре, но на него ссылаются во время рендеринга. Обязательно объявляйте свойства реактивных данных в опции data.

Кстати, компонент, на который я направляю, выглядит так:

<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'],
   }
 }
}