Почему во vue computed свойство вызывается несколько раз?

Question

[camradee]

Во vue новичок и не особо понимаю глубинные процессы которые в нем происходят и вот столкнулся с проблемой - надо отправить кое какую статистику, для этого можно прикрутить watch на геттер или прописать отправку этой статистики в computed property. В моем случае самое подходящее свойство products выдает список продуктов на странице, вызывается оно только один раз в компоненте через цикл v-for="product in products" но если что-то выводить в консоль, то это что-то выведется много раз. Соот-но и моя статистика пошлется много раз. Если что этот компонент обернут lazy-hydration. Но думаю это не связано. Могу предположить первый вызов видит кэшированную версию, затем вызывает еще раз получая свежую, но в консоли вызовы до 4 раз. Что происходит, это нормально?

Answer 1

[Aetae]

Какая нафиг отправка статистики в computed? computed не должен иметь сайдэффектов, только отдавать значение.

Нужно больше кода, из текста не понятно, что у тебя там происходит.

Если же просто описать как работает computed: при первом обращении к нему производится первое вычисление, а также, условно, вешается watch на все реактивные свойства, к которым внутри него было обращение. Соответственно перевычисление computed происходит исключительно если одно из этих свойств поменялось.

P.S. При SSR computed на стороне сервера вообще не кэшируется вроде, т.е. перевычисляется при каждом обращении. Инфа не 100%.)

Comments

[camradee]

Спасибо, примерно так я и думал. Насчет того что нельзя засорять computed - это в виде теста было. Код слишком объемный, там еще миксины разные от аналитики подключил. Но если интересно:
https://github.com/vuestorefront/vsf-capybara/blob...
Конкретно на products вешал watch. Собственно вопрос в том, что этот products пишет в консоль 4 раза, меня это удивило.

Answer 2

[Wispik]

Как же сложно показать пример кода где и что не работает. Лучше написать кучу предложений, из которых фиг что можно понять((
Но, если я все-таки понял вопрос, то надо сделать:
1. Создать computed свойство, которое считает что нужно
2. Сделать watch за этим свойством и в нем выполнять отправку статистики

Comments

[camradee]

В общем у меня висел вотч на компьютед products (возвращает массив продуктов), но была лажа в статистике - неверные данные - устаревший url и категория. Причину выяснил, мутация по обновлению роута происходит позже чем выполняется мой код. В итоге я сделал computed свойство возврщающиее роут и на него повесил вотч. Все стало работать корректно. Кстати а можно повесить watch на саму мутацию?