В чем разница между computed и watch

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

Watch отслеживает изменения конкретного свойства и выполняет побочные эффекты при его изменении (например, запросы API).

// Computed - для производных данных
computed: {
  fullName() {
    return `${this.firstName} ${this.lastName}`
  }
}

// Watch - для реакций на изменения
watch: {
  firstName(newVal, oldVal) {
    console.log(`Имя изменилось с ${oldVal} на ${newVal}`)
  }
}

Ключевые отличия:

1. Computed - для вычислений, watch - для побочных эффектов
2. Computed кэширует результат, watch выполняется при каждом изменении
3. Computed автоматически отслеживает зависимости, watch требует явного указания отслеживаемого свойства