Когда следует использовать методы
- Чтобы отреагировать на какое-то событие, происходящее в DOM
- Для вызова функции, когда что-то происходит в вашем компоненте. Вы можете вызывать методы из вычисляемых свойств или наблюдателей.
Когда следует использовать вычисляемые свойства
- Вам необходимо создать новые данные из существующих источников данных
- У вас есть переменная, которую вы используете в своем шаблоне, созданная на основе одного или нескольких свойств данных
- Вы хотите сократить сложное вложенное имя свойства до более читаемого и простого в использовании, но при этом обновлять его, когда первоначальное свойство изменяется
- Вам нужно сослаться на значение из шаблона. В этом случае лучше всего создать вычисляемое свойство, потому что оно кэшируется.
- Вам необходимо прослушать изменения более чем одного свойства данных
Когда использовать наблюдателей
- Вы хотите прослушать, когда изменяется свойство данных, и выполнить какое-либо действие
- Вы хотите услышать об изменении стоимости реквизита
- Вам нужно только прослушать одно конкретное свойство (вы не можете просматривать несколько свойств одновременно).
- Вы хотите наблюдать за свойством данных до тех пор, пока оно не достигнет определенного значения, а затем что-то сделать
Оригинал: “https://flaviocopes.com/vue-methods-watchers-computed-properties/”