Что такое computed

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

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

Особенности:

• Кэшируются (не пересчитываются без необходимости)
• Реактивные (обновляются при изменении зависимостей)
• Должны быть чистыми функциями (без побочных эффектов)
• Используются как обычные свойства в шаблоне

Лучше подходят для производных данных, чем методы, так как методы вызываются при каждом рендере.