Vue obliczona właściwość nie aktualizuje; Rozwiązywanie problemów

Vue.JS to bardzo popularna biblioteka JavaScript, która jest znana z reaktywności, elastyczności i intuicyjnego interfejsu API. Jednak reaktywność i elastyczność mają pewne wady, co prowadzi do wydajności dewelopera lub bólu głowy. Obliczona nieruchomość jest bardzo znaną i najbardziej znaną cechą Vue.JS, który służy do aktualizacji zmiennej lub wykonywania obliczeń w zależności od aktualizacji innej zmiennej.

Ten post będzie próbował rozwiązać problemy, które miały miejsce, gdy obliczona właściwość nie działa ani nie aktualizuje tego, co chcemy. Rzućmy okiem na scenariusze, co może pójść nie tak, a Vue obliczona właściwość nie aktualizuje.

Scenariusz nr 1:

Przede wszystkim upewnij się, że nie popełniłeś żadnego błędy logicznego, takiego jak wdrożenie niewłaściwej logiki. Aby uniknąć możliwych błędów logicznych, sprawdź następujące rzeczy:

• Sprawdź, czy nazwy zmiennych są prawidłowe.
• Zajmujesz się zakresem zmiennej za pomocą „To”.

Scenariusz nr 2:

Drugą rzeczą, którą mogłeś pomylić w obliczonej właściwości, jest to, że nie dbasz o skutki uboczne obliczonej właściwości, takie jak edycja niektórych danych w obliczonej właściwości lub wywołanie innych funkcji. Na przykład odwrócenie tablicy w obliczonej właściwości.

Załóżmy, że mamy tablicę w naszym komponencie.

dane()
powrót
Arvar: [1,2,3]

,

W obliczonej właściwości odwracamy tablicę.

obliczone:
arrayreverse ()
Zwróć to.Arvar.odwracać();

Ale kiedy uruchomimy projekt, pokaże błąd „nieoczekiwanego efektu ubocznego w„ ArrayReverse ”obliczonej właściwości.„Ponieważ zawsze wykona to samo zadanie i za każdym razem odwraca oryginalną tablicę.

Staraj się więc unikać manipulacji danymi w obliczonej właściwości i będzie działać idealnie dla Ciebie.

Scenariusz # 3:

Kolejnym scenariuszem może być to, że obliczona nieruchomość utknęła w nieskończonej pętli i wciąż coś komputerowego. Ponieważ obliczona właściwość obserwuje każdą zmienną zawartą w obliczonej właściwości i reaguje lub zostaje ponownie obliczona po zmianie dowolnej zmiennej zaangażowanej w tę właściwość, jeśli zmienisz stan dowolnej zmiennej wewnątrz właściwości obliczonej, właściwość obliczona wykryje zmianę. Zaczyna się ponownie obliczyć i nie będzie w stanie wydostać się z tej nieskończonej pętli.

Są to niektóre z możliwych sposobów, które mogą prowadzić do obliczonej właściwości, która nie aktualizuje problemu.

Wniosek

Ten post przeszedł przez najczęstsze scenariusze, z którymi stanęli programiści dla Vue obliczonej właściwości, nie aktualizując i zapewniał głębokie i do rozwiązywania problemów dla każdego scenariusza. Jeśli nadal nie znalazłeś swojego rozwiązania, zadaj swoje pytania na platformach społeczności Vue i na pytania w mgnieniu oka.