How to output data using axios in Vue?

Question

Vue.js

Hello, I'm learning vue. Tell me how, when clicking on a button, unload the users array from json in class = "allUsers"? I see in the console that data is loaded when clicked, but how can I transfer them to a div after that?
Is it good if get is triggered with every next click on the button? Or is it considered bad practice?

<div class="allUsers" v-for="user of users" :key="user">
      <h2>{{user .name}}</h2>
      <p>{{user .email}}</p>
</div>

 <button @click="loadUsers">Click</button>

<script>
export default {
data: () => ({
    users: [],
}), 
methods: {
  loadUsers(){
   this.$axios.$get('https://jsonplaceholder.typicode.com/users');
  }
}
}
</script>

Answer 1

this.$axios.$get('https://jsonplaceholder.typicode.com/users').then((res) => {
  console.log(res);
  this.users = res.data;
});