title: Vue.js v-for not working
body: <p>I'm trying Vue.js out but I am running into a problem. I am following a tutorial over at Laracasts but my v-for isn't working.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="root"&gt;
    &lt;ul&gt;
      &lt;li v-for="name in names" v-text="name"&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;input type="text" v-model="newName"&gt;
    &lt;button @click="addName"&gt;Add Name&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>new Vue({
      el: '#root',
      data: {
          newName: '',
        names: ['John', 'Mike']
      }
      methods: {
          addName() {
          this.names.push(this.newName);
          this.newName = '';
        }
      }
  })
  </code></pre>
  
  <p>Fiddle: <a href="https://jsfiddle.net/4pb1f4uq/" rel="noreferrer">https://jsfiddle.net/4pb1f4uq/</a></p>
  
  <p>If it helps, the link to the Laracast with episode:
  <a href="https://laracasts.com/series/learn-vue-2-step-by-step/episodes/4?autoplay=true" rel="noreferrer">https://laracasts.com/series/learn-vue-2-step-by-step/episodes/4?autoplay=true</a></p>