Vue: проверка входа не работает в моем коде

Я создаю проверку входа в систему в Vue.js, но сообщение об ошибке не отображается, и оно дает мне ошибку:

Свойство или метод «ошибка» не определен в экземпляре, но на него ссылаются во время рендеринга. Убедитесь, что это свойство является реактивным либо в параметре данных, либо для компонентов на основе классов, инициализировав свойство.

Любая помощь?

Шаблон:

<template>
  <div class = "container" width = "900">
    <div class = "row justify-content-center"  style = "margin-top: 10px;">
      <div class = "col-5">
        <div v-if = "error" class = "alert alert-danger" role = "alert">
          {{error}}
        </div>
        <div class = "card" >
          <div class = "card-text">
            <div class = "form-group" @keyup.enter = "logItIn">
              <input class = "form-control"
              v-model = "login.email"
              label = "Email"
              placeholder = "Email Address"
              required
              >   <br>
              <input class = "form-control"
              v-model = "login.password"
              label = "Password"
              type = "password"
              placeholder = "Password"
              required>
            </div>
          </div>
          <button type = "button" class = "btn btn-secondary"  @click='logItIn'>Login</button>
        </div>
      </div>
    </div>
  </div>
</template>

Скрипт:

import axios from 'axios'
export default {
  data() {
    return {
      login: {
        email:"",
        password:"",
        error: ""
      }
    }
  },
  methods: {
    async logItIn() {
      try {
        axios.post('https://odevin-api.herokuapp.com/login',this.login)
          .then(response => {
            console.info(response)
            let newToken=response.data.response.token;
            window.token=newToken;
            let user=response.data.response.user;   //response
            localStorage.setItem('token',newToken);
            localStorage.setItem('user',JSON.stringify(user));
            window.axios.defaults.params = {api_token:newToken}
            // Event.$emit('login',user);
            this.$router.push('/');
          });
      } catch(e) {
        this.error = 'invalid user name or password';
      }
    }
  }
}