title: Array not loading for v-for
body: <p>I'm trying to loop through a set of users from jsonplaceholder API.</p>
  
  <p>Here is my Vue component:</p>
  
  <pre><code>new Vue({
    el: "#vue-app",
    data: {
      name: "dani",
      thumbnail: '',
      users: []
    },
    beforeMount() {
      axios.get('https://jsonplaceholder.typicode.com/users')
        .then(function (response) {
          this.users = response.data
          console.log("users: ", this.users[0])
        })
        .catch(function (error) {
          console.log(error)
        })
    }
  })
  </code></pre>
  
  <p>And here is the <code>vue-app</code> div in HTML page:</p>
  
  <pre><code>&lt;div id="vue-app"&gt;
  
      &lt;div class="row"&gt;
  
          &lt;div class="col-sm-4" v-for="user in users"&gt;
            &lt;div class="card-body"&gt;
              &lt;h4 class="card-title"&gt;{{ user.name }}&lt;/h4&gt;
              &lt;p class="card-text"&gt;{{ user.email }}&lt;/p&gt;
              &lt;a href="#" class="card-link"&gt;Card link&lt;/a&gt;
              &lt;a href="#" class="card-link"&gt;Another link&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>Loop doesn't pulls and displays anything. How to load <code>users</code> array to <code>v-for</code> properly?</p>
  
  <p>Here is the JSFiddle for the same : <a href="https://jsfiddle.net/danimvijay/9gupydws/" rel="nofollow noreferrer">https://jsfiddle.net/danimvijay/9gupydws/</a></p>