Что такое кеширование вычисляемых свойств в Vue.js?

Интересует что это вообще такое, когда его применяют, ну и собственно как это можно сделать, или как выглядит на примере, заранее благодарю за помощь)

Это когда вы вместо метода используете вычисляемые свойства, как результат получается одно и то же, но разница в том что вычисляемые функции кешируются основываясь на своих зависимостях, то есть например есть вычисляемое свойство общая длина всех студентов, оно содержит в себе суммирование высоты всех студентов, и вот если высота изменяется, то оно будет пересчитываться заново, то есть запускать функцию и высчитывать новое значение только при изменении одной из составляющих, а если же использовать метод, то функция будет запускаться всегда, каждый раз когда будете обращаться к этому методу, и если представить что операция которая должна высчитываться довольно таки затратная, то можно просто сделать её вычисляемым свойством, вместо того что бы каждый раз она запускалась в методе и каждый раз проводила одни и те же действия даже если состояние всех составляющих метода осталось прежним.

var viewMod = new Vue({
el: '#example',
data: {
datatime:''
},
computed: {
now: function () {
var date = new Date()
return date.getHours() ':' date.getMinutes()
}
}
,
methods: {
dateNow: function () {
var date = new Date()
return date.getHours() ':' date.getMinutes()
}
}
})

В первом блоке кода создаем vue экземпляр, с одним свойством в datedatetime, затем создаем одно вычисляемое свойство и один метод, функционал у них один и тот же, то есть по сути они взаимозаменяемы, а разница вся как я и говорил выше в том что вычисляемые свойства будут высчитываться заново только в случае изменения одного из зависимых участков, а метод постоянно тратит силы компьютера)

<div id="example">

<button
@click="datatime=dateNow()">What time?
{{datatime}}

Последний блок это html к которому мы привязали vue объект и с которым дальше проделываем разные манипуляции.