Вычисляемые свойства
Computed
функция, которая всегда должна что то возвращать. Как пример она должна возвращать отсортированный массив (результат каких то вычислений).
Возникает вопрос
Почему мы не можем сделать обычную функцию, которая будет возвращать отсортированный массив.
filtredArray
обычная функция
не является computed
возвращает по какому то условию массив.
Допустим мы этот массив рисуем где то в шаблоне Получается что при каждом рендеренге нашего компонента у нас отрабатывает функция filtredArray.
Computed свойства в свою очередь запоминают результат каких то вычислений. В данном случае они запоминают результат фильтрации. И эта функция будет вызвана лишь единожды. В последующем случае она будет возвращать уже запомненный результат (своего рода кэширование). И заново эта функция будет делать перерасчёт в том случае если измениться зависимость, которая используется внутри этой функции. В данном случае Computed свойство зависит от массива array. И если этот массив будет изменён
(например в него добавят новый элемент, то эта функция отработает заново, но опять же один раз до тех раз пока массив не будет изменён ещё раз)
computed: {
filtredArray() {
return this.array.filter(...)
}
}