Как работает computed

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

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

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

1. Кэширование — значение пересчитывается только при изменении зависимостей (firstName/lastName)
2. Реактивность — автоматическое обновление при изменении данных
3. Синхронность — не поддерживают асинхронные операции
4. Оптимизация — избегают избыточных вычислений

Используются для сложных выражений, которые зависят от реактивных данных. Для асинхронных операций лучше использовать методы или watch.