Когда нужно использовать computed, а когда methods во Vue.js? И в чем их разница?

Question

Ewars @ewars

Vue.js

Когда нужно использовать computed, а когда methods во Vue.js? И в чем их разница?

Читал в документации, но ничего не понял. Объясните, пожалуйста, простыми словами. Для каких целей используются каждый из вариантов?

Цитата из документации

Вместо computed property мы можем определить ту же функцию в виде метода. Результат будет одинаковый. Основное отличие в том, что computed property кэшируются на основании значений зависимостей. Computed property будет пересчитано только когда изменится его базовая зависимость. То есть, пока переменная message не менялась, множественные вызовы свойства reversedMessageбудут мгновенно возвращать предварительно полученный результат без очередного запуска функции.

Вопрос задан более трёх лет назад
13692 просмотра

1 комментарий

Подписаться 7 Средний 1 комментарий

Какие-то странные ответы. Все гораздо проще.
Методы (methods) это просто ваши методы
А computed - это результат некой функции, которая будет вызываться всегда когда будет обновляться переменная (ные) которая внутри неё.
Например у вас в data если есть 2 переменные x и y
Пишем computed z() внутри которого вычисление return this.x + this.y
изменяя x или y вы можете использовать переменную this.z (результат работы computed), которая будет автоматом меняться всегда

Answer 1 · 2017-01-09 10:47:26

Методы используются для изменения данных, при кликах и событиях.
computed для вывода данных в DOM, т.к. vue криво отслеживает изменения если выводить через методы.

Когда нужно использовать computed, а когда methods во Vue.js? И в чем их разница?

Войдите на сайт