@enginel

Как во Vue вывести данные с помощью axios?

Здравствуйте, изучаю vue. Подскажите как при клике на кнопку выгрузить из json массив users в class="allUsers"? Вижу в консоле, что при клике подгружаются данные, но как их передать после этого в div?
Хорошо ли, если при каждом следующем клике на кнопку срабатывает get? Или это считается плохой практикой?

<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>
  • Вопрос задан
  • 97 просмотров
Решения вопроса 1
nuykon
@nuykon
Full Stack Developer
this.$axios.$get('https://jsonplaceholder.typicode.com/users').then((res) => {
  console.log(res);
  this.users = res.data;
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы