**Właściwość obliczona** to reaktywna wartość **pochodząca** z innego reaktywnego stanu. Automatycznie przelicza się, gdy zmieniają się jej zależności, i — co istotne — **buforuje** swój wynik, aby ponownie uruchomiła się tylko gdy coś, od czego zależy, faktycznie się zmieni. ```vue ``` ## Dlaczego to ważne ```vue ``` Nawet jeśli używasz `expensiveTotal` wiele razy w szablonie, obliczenie uruchamia się **raz** i buforowana wartość jest ponownie używana — ponownie oblicza się tylko gdy zmienia się `items`. Zwykła metoda uruchamiałaby się ponownie przy każdym renderowaniu. ## computed vs method ```vue ``` Używaj **computed** dla wartości pochodnych (buforowanych, deklaratywnych); używaj **method** gdy musisz uruchomić logikę na zdarzeniu lub z argumentami. ## Zapisywalna właściwość obliczona (zaawansowane) ```js const fullName = computed({ get: () => `${first.value} ${last.value}`, set: (val) => { [first.value, last.value] = val.split(" "); }, }); ``` ## Dlaczego to ważne Właściwości obliczone to sposób, w jaki czysto i efektywnie wyrażasz stan pochodny w Vue. Ich automatyczne śledzenie zależności utrzymuje wartości pochodne zsynchronizowane, a ich buforowanie oznacza, że drogie derivacje nie uruchamiają się niepotrzebnie — czyniąc je właściwym narzędziem (ponad metodami lub watchers) za każdym razem, gdy wartość może być obliczona z istniejącego reaktywnego stanu.

Vue.js pytań