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

Question

[Сергей]

Делаю небольшое приложение с использованием 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, где описаны рекомендуемые практики по базовым вопросам?

Answer 1

[Алексей Ярков]

Но их нужно вычислить уже после того, как данные будут готовы

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

Comments

[Сергей]

А как сделать это без v-if, соответственно ещё до вывода в шаблон?

[Алексей Ярков]

Илья, сделать что?

[Сергей]

Алексей Ярков, вычислить вычисляемые свойства)
Насколько понял, они перечитываются при первом появлении в шаблоне, а после - при изменении реактивных зависимостей. У меня почему-то выходит что при первом появлении там все ещё null т.к. данные по ajax не успевают загрузиться, а после основная зависимость свойства не изменяется и поэтому не происходит пересчёт свойства

[Алексей Ярков]

Илья, ну без примера вам вряд ли помогут. Компутеды пересчитываются сами, тут без вариантов.

Answer 2

[Михаил]

Но их нужно вычислить уже после того, как данные будут готовы (запрос долгий, несколько секунд)

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

Comments

[Сергей]

Там такая странная ситуация.
Отлаживал, проверял - оно вычисляется при указании в шаблоне, но когда когда зависимость свойства меняется с null на содержимое этого свойства (содержимое ajax запроса прилетает в this.store, заменяет собой null,а computed уже на основе этих данных) - ничего не происходит.
Проверил всё что мог - dev версия ошибок не сыпет, реактивность в порядке, но это computed свойство принимает null и больше не меняется.

[Михаил]

Ну я не встречал такого чтобы computed не пересчитывалось.
Для этого уже гуглите по "Computed property not updating".
Распространенная ситуация, это когда все таки реактивность не включена для тех вещей, от которых computed первый раз считается