@eugenedrvnk

Как правильно обработать данные с api во Vue?

Ситуация такова, что имеется 3 разных страницы, страница поста, страница для 3х последних постов и страница для вывода всех постов. На каждой из страниц делается запрос на получение постов и вопрос в том как дальше их правильно обрабатывать.
Я получаю полный набор данных со всеми полями, определённая часть из которых мне не нужна. Мне необходимо это проворачивать на каждой из страниц.
Вопрос в том, как это правильнее делать. В моей голове правильным кажется вынести "очистку грязных апишных данных" в отдельную функцию и импортировать её на каждую из страниц и прогонять полученные данные с апи через него. Или какой вариант будет более корректным? Просто дублировать код желания особо не возникает.

Т.е, мой вариант таков, что бы всё выглядело как-то так :
<script>
import {formatPosts} from 'handler.js'

export default {
  data() {
    return {
      posts: []
    }
  },
  
  created() {
    axios.get('/posts').then(response => {
      this.posts = formatPosts(response)
    })
  },
}
</script>
  • Вопрос задан
  • 69 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы