title: Property or method "value" is not defined on the instance but referenced during render
body: <p>I looked at one of the answers and tried to apply it, but then I realized it didn't work and I tried numerous things like using Vuex to calculate the years before I used it, but nothing worked.</p>
  <p><a href="https://stackoverflow.com/questions/49704744/generate-years-from-1900-to-current-year-with-vuejs">Generate Years from 1900 to current year with VueJS</a></p>
  <p>Property or method &quot;value&quot; 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: <a href="https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties</a>.</p>
  <p>Like I said, I tried using Vuex and trying to call it on the beforeCreate hook, but it didn't work.</p>
  <pre><code>&lt;template&gt;
            &lt;md-field md-clearable&gt;
                  &lt;label for=&quot;year&quot;&gt;Year&lt;/label&gt;
                  &lt;md-select v-model=&quot;year&quot; name=&quot;year&quot; id=&quot;year&quot;&gt;
                      &lt;md-option :v-for=&quot;value in values&quot; value=&quot;value&quot;&gt;
                          {{ value }}
                      &lt;/md-option&gt;
  
                  &lt;/md-select&gt;
            &lt;/md-field&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  export default {
    name: 'Component',
    data () {
       year: null
    },
    computed: {
    values () {
        const year = new Date().getFullYear()
        return Array.from({length: year - 1900}, (value, index) =&gt; 1901 + index)
      }
    }
  
  
  }
  &lt;/script&gt;
  
  &lt;!-- Add &quot;scoped&quot; attribute to limit CSS to this component only --&gt;
  &lt;style lang=&quot;scss&quot;  scoped&gt;
  &lt;/style&gt;
  </code></pre>
  <p>I am expecting the dropdown to have years value instead of it being null and giving an error message. I also tried to rename the values, but it doesn't have to do anything with that. It's a really weird bug. I am seriously wondering if it's caused by vue.js itself.</p>