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

Question

Главное отличие computed от методов — в кэшировании результата. computed пересчитывается только при изменении зависимостей. Метод вызывается при каждом рендере компонента. Это влияет на производительность и поведение приложения. computed подходит для вычислений на основе состояния.

YeaHub · Accepted Answer

Во Vue и computed, и методы могут использоваться для получения вычисляемых значений, но работают они принципиально по-разному.Как работают computed-свойстваcomputed — это вычисляемое свойство с кэшированием.Особенности:Вычисляется один разПовторно считается только при изменении зависимостейИспользует реактивную систему VueПример:computed: {
  fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}
Как работают методыМетоды не кэшируются.Особенности:Вызываются при каждом рендереНе отслеживают зависимостиПодходят для логики, а не состоянияПример:methods: {
  fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}
Ключевые различияКэшированиеcomputed — естьметоды — нетПроизводительностьcomputed — оптимизированметоды — могут вызываться частоНазначениеcomputed — производные данныеметоды — действия и вычисления по запросуВыводcomputed следует использовать для значений, зависящих от состояния, а методы — для логики, которая должна выполняться при каждом вызове.