Читал доку VUE и дошёл до урока Привязывание классов и

Question

Читал доку VUE и дошёл до урока Привязывание классов и

стилей и хотел спросить про то что узнал. Сейчас я уже изучил data(), methods, computed.

data() функция которая должна вернуть объект, в котором мы объявляем реактивные свойства.
К ним грубо говоря можно относится как к переменным, к которым можно получить доступ используя this.property или просто property внутри шаблона (template). Также data() глубоко реактивный.

methods это объект и в нём мы объявляем функции, и можем вызывать их также с помощью this.func() или func() в шаблоне (template).

computed объект, в котором мы объявляем закешированные вычисляемые свойства под видом функций, но вызываем их без скобок. Можем вызывать с помощью this.computedProp.
Значение которое вычисляется, зависит от другого свойства (например this.prop). Наше вычисляемое свойство повторно запустится если свойство от которого мы зависим изменилось.

Появляется некоторая путаница когда использовать computed а когда methods.
Я так понимаю если мы зависим от какого то (или от каких то) свойства, то лучше использовать computed чтобы вызывать вычисление только в том случае если свойство от которого зависим изменилось. В других случаях нам не за что вызывать постоянно вычисляемое свойство и зря тратить ресурсы (при том что вычисляемое свойство может быть огромный массив по которому нужно пройтись).
Но если мы бы использовали methods, то функция вызывалась бы при каждом изменении какого то свойства в компоненте.

Я всё правильно описал?

#frontend #javascript #programming #russian #vue.js

0

20.11.2022

1 ответов

2 просмотра

3do 🐉 · Answer 1

3do 🐉 Автор вопроса

Единственное что я пока не до конца понимаю, это про то как происходит рендеринг страницы? Типо если мы изменили какое то свойство то весь сайт рендерится, или только какая то часть (если так то какая часть)?

0

20.11.2022

169 похожих чатов

Читал доку VUE и дошёл до урока Привязывание классов и

1 ответов

Похожие вопросы