Computed это тоже самое что и methods
Разница лишь в том что в methods, методы нужно вызывать в ручную
А в computed методы сами выполняются, это происходит из-за изменений в переменных ( которые проинициализированных в data)
К примеру
new Vue({
el: '#content',
data: {
counter: 0,
},
computed: {
message(){
let res = '';
if(this.counter === 5){
res = 'Здесь число 5'
}
return res
}
}
});
При изменение counter будет автоматически выполняться метод message
Те кто хорошо знает что message в computed используются как переменные, это я знаю привёл такой пример потому что так легче понять, а в практике проясниться что где и как.