В чем разница методов Computed и Watch

Computed и Watch во Vue.js служат разным целям, несмотря на схожесть.

Computed — вычисляемые свойства, которые кэшируют результат до изменения зависимостей. Оптимальны для производных данных:

computed: {
  fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

Watch — отслеживает изменения конкретных данных и выполняет side-эффекты (запросы, таймеры):

watch: {
  searchQuery(newVal) {
    this.fetchResults(newVal);
  }
}

Ключевые различия:

• Computed — синхронные, чистые вычисления.
• Watch — асинхронные операции или логика при изменении значения.
• Computed кэширует результат, Watch запускается при каждом изменении.

Выбирайте Computed для преобразования данных, Watch — для реактивных действий.