Когда следует использовать computed, а когда watch во Vue?

computed используют для производного значения, которое можно вычислить из реактивных данных без побочного эффекта. watch — для реакции с побочным действием.

Список отфильтрованных элементов или итоговая цена обычно computed: результат кешируется до изменения зависимостей. Запрос, запись во внешнее хранилище или интеграция с API подходят watch. Для асинхронного watcher учитывайте отмену устаревшего запроса и cleanup, иначе поздний результат может перезаписать актуальные данные.