Vue Warn, problem z zmiennymi.

Question

Witam,

czy ktoś może mi powiedzieć o co tu chodzi? 

Kod:

<template>
  <div class="wrapper">
    <div class="search">
      <label for="search">Search</label>
      <input name="search" v-model="searchValue" @input="handleInput()"/>
    </div>
    <ul class="results">
      <li class="results__item" v-for="elem in results" :key="elem.data[0].nasa_id">
        <p>{{ elem }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';
const API = 'https://images-api.nasa.gov';

export default {
  name: 'Search',
  date: {
      searchValue: '',
      results: [],
  },
};
</script>

Dostaję błąd:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Property or method "searchValue" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

Nie mam pojęcia dlaczego wyrzuca mi WARN skoro wcześniej dodana metoda korzystająca z searchValue działała poprawnie mimo tego błędu. 

Answer 1

Ok mój błąd. Zamykam