title: Vue.js Axios: unable to update page after HTTP GET request
body: <p><br/>
  I'm quite new to Vue.js and Axios. I'd like to learn it to create A REST CRUD Interface.
  Starting from the HTTP GET request, the examples I've found so far all execute an HTTP GET when the page load and print the returned data. That works pretty well. <br/>
  On the other hand, I need to display the data when I click a button. Here's what I have coded so far:</p>
  
  <pre><code>&lt;script&gt;
  
  new Vue({
      el: "#app",
      data() {
          return {
              users: []
          }
      },
  
  })
  &lt;/script&gt;
  
  &lt;script&gt;
     function performGetRequest1() {
          axios
              .get('http://localhost:8080/users')
              .then(response =&gt; {
                  this.users = response.data,
              })
              .catch(function (error) {
                  console.log(error);
              })
     }
  &lt;/script&gt;
  
  
  &lt;button  onclick="performGetRequest1()"&gt;Get Todos&lt;/button&gt;
  
  
  
  &lt;tr v-for="user in users" :key="user.id"&gt;
      &lt;td&gt;{{user.id}}&lt;/td&gt;
      &lt;td&gt;{{user.name}}&lt;/td&gt;
      &lt;td&gt;{{user.surname}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>So, I can see that when I hit the button the function correctly invokes the backend and data is returned. However, even if I set the users array to the response that is not updated in the table.
  I believe I should set my request to be ajax based, just my attempts so far have failed.
  Any help?</p>