Почему updated вызывает функцию очень много раз?

Question

[nastya_zholudeva]

Есть функция firstLoad(), лежит в методах, в ней находятся 3 запроса к API. Вызываю в created, она работает нормально и вызывается 1 раз. Но если я ее вызываю в updated

updated() {
            this.$nextTick(function () {
                    $(document).on('city:beforeUpdate', function () {
                        this.firstLoad()
                    }.bind(this));
            })
        },

Она вызывается про нереальное количество раз.

Если вызываю без $(document).on('city:beforeUpdate', function () {, а просто в updated, происходит тоже самое

Answer 1

[Андрей Хохлов]

Вызывается после того, как виртуальный DOM был обновлён из-за изменения данных.

https://ru.vuejs.org/v2/api/index.html#updated

Comments

[nastya_zholudeva]

Андрей Хохлов, поэтому я и вызываю updated, чтобы

DOM был обновлён из-за изменения данных

. Но мне до сих пор не понятно, почему одна и та же функция вызывается огромное количество раз

[Андрей Хохлов]

nastya_zholudeva, updated() вызывается каждый раз, когда обновляется виртуальный DOM. Не вы его вызываете, он сам вызывается. И если this.firstLoad() меняет данные, то он вызывается снова и снова и снова...

[nastya_zholudeva]

Андрей Хохлов, я поняла. Спасибо.
Быть может вы знаете тогда как можно это исправить?
У меня данные должны обновляться, когда пользователь выбрал другой город. Тогда параметры этого города сохраняются в localStorage, и подставляются в соответствующие параметры запроса к API (в firstLoad()). И страница должна без перезагрузки отобразить новые данные, полученные с помощью firstLoad()

[Андрей Хохлов]

nastya_zholudeva, просто перестаньте пытаться скрещивать vue и jQuery (и библиотеки, и подходы в целом). Я кажется ещё 20 ваших вопросов назад вам это советовал.

Заведите vuex-хранилище, в экшене смены города вызывайте экшен обновления состояния другого модуля (или части стэйта).

Не хотите vuex и меняете город где-то там, а в компоненте слушаете событие на document? Ну так пожалуйста, в mounted хуке компонента вешайте слушателя и все будет ок. По какой логике то его в updated пихать?