Зачем нужен Computed во Vue

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

Пример:

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

Ключевые особенности:

1. Кэширование - результат сохраняется до изменения зависимостей
2. Реактивность - автоматически обновляются при изменении данных
3. Читаемость - делают шаблон чище, вынося логику из template

Используйте computed для производных данных, а methods - когда нужно выполнять действия при каждом вызове.