@paper_castle
Фрилансер

Как управлять данными в Vue.js?

Делаю небольшое приложение с использованием Vue.js.
Через API единоразово загружается большая порция данных (массив объектов), с которыми в дальнейшем происходят манипуляции без запросов к серверу. На этапе mounted вызываю axios и пишу в this.store все полученные данные, привожу пример элемента данных:
this.store[0] = { id : 1,
type : 2,
city: 10,
description: 'text' }


В шаблон нужно вывести несколько select`ов для фильтрации, содержащие данные выборку параметров по полученным объектам, например, type и city.
Завести computed свойства? Но их нужно вычислить уже после того, как данные будут готовы (запрос долгий, несколько секунд). Или заполнять соотв. свойства с возможными type сразу после загрузки данных (на этапе mounted)?
Сами данные - завести копию данных и в шаблон выводить ее проганяя через метод-фильтр?

Очень много вопросов по архитектуре таких приложений, может есть какие-нибудь полезные styleguide по SPA, где описаны рекомендуемые практики по базовым вопросам?
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
yarkov
@yarkov Куратор тега JavaScript
Помог ответ? Отметь решением.
Но их нужно вычислить уже после того, как данные будут готовы

И в чём проблема? Они сами пересчитаются при появлении данных. В чём вопрос? Ставим v-if="НЕ_ЗАГРУЖЕНО", после загрузки меняем флаг НЕ_ЗАГРУЖЕНО на ЗАГРУЖЕНО.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Nolan81
программист
Но их нужно вычислить уже после того, как данные будут готовы (запрос долгий, несколько секунд)

Если это сделано через computed то оно само пересчитается(т.к. используется в шаблоне) как только нечто, от чего computed зависит, изменится
Ответ написан
Ваш ответ на вопрос

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

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