В чём основное отличие computed-свойств от методов во Vue?

Во Vue и computed, и методы могут использоваться для получения вычисляемых значений, но работают они принципиально по-разному.

Как работают computed-свойства

computed — это вычисляемое свойство с кэшированием.

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

• Вычисляется один раз

• Повторно считается только при изменении зависимостей

• Использует реактивную систему Vue

Пример:

computed: {
  fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}

Как работают методы

Методы не кэшируются.

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

• Вызываются при каждом рендере

• Не отслеживают зависимости

• Подходят для логики, а не состояния

Пример:

methods: {
  fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}

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

1. Кэширование

   • computed — есть

   • методы — нет

2. Производительность

   • computed — оптимизирован

   • методы — могут вызываться часто

3. Назначение

   • computed — производные данные

   • методы — действия и вычисления по запросу

Вывод

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