> Кэшируются ли вычисляемые свойства во Vue и как работает мемоизация (Vue.js)

Да, вычисляемые свойства (computed properties) во Vue кэшируются. Кэширование основано на их реактивных зависимостях: Vue отслеживает, от каких реактивных данных (data, props, другие computed) зависит вычисляемое свойство, и пересчитывает его только при изменении этих зависимостей. Если зависимости не изменились, computed возвращает предыдущий результат без повторного выполнения функции-геттера.

Мемоизация в Vue реализована следующим образом:

• При первом обращении к computed свойство вычисляется и сохраняется во внутреннем кэше.
• Vue помечает все реактивные переменные, которые были прочитаны во время вычисления, как зависимости.
• При изменении любой из зависимостей флаг «грязный» (dirty) устанавливается в true, и при следующем доступе к свойству оно пересчитывается.
• Если зависимости не менялись, возвращается закэшированное значение, что экономит ресурсы, особенно при дорогих вычислениях (например, фильтрация больших массивов).

Пример:

JAVASCRIPT
computed: {
  reversedMessage() {
    return this.message.split('').reverse().join(''); // кэшируется, пока message не изменится
  }
}

Важно: кэширование работает только для синхронных вычислений. Для асинхронных операций или при необходимости всегда получать актуальное значение (например, с Date.now()) используйте методы, так как они не кэшируются.