Vue.js to bardzo popularna biblioteka JavaScript znana ze swojej reaktywności, elastyczności i intuicyjnego API. Jednak reaktywność i elastyczność mają pewne wady, co prowadzi do wydajności programisty lub bólu głowy. Obliczona właściwość jest bardzo znaną i najbardziej znaną cechą Vue.js, który służy do aktualizacji jakiejś zmiennej lub wykonania obliczeń w zależności od aktualizacji innej zmiennej variable.
W tym poście spróbujemy rozwiązać problemy, które wystąpiły, gdy obliczona właściwość nie działa lub zaktualizować to, czego chcemy. Rzućmy okiem na scenariusze, co może się nie udać i nie aktualizuje się obliczana właściwość Vue.
Scenariusz nr 1:
Przede wszystkim upewnij się, że nie popełniłeś żadnego logicznego błędu, takiego jak zaimplementowanie niewłaściwej logiki. Aby uniknąć możliwych błędów logicznych, sprawdź następujące rzeczy:
- Sprawdź, czy nazwy zmiennych są poprawne.
- Zajmujesz się zasięgami zmiennej za pomocą „tego”.
Scenariusz nr 2:
Drugą rzeczą, którą możesz pomylić z obliczoną właściwościąjest toże nie dbasz o efekty uboczne obliczanej właściwości takie jak edycja niektórych danych wewnątrz obliczonej właściwości lub wywoływanie innych funkcji. Na przykład odwracanie tablicy w obliczonej właściwości.
Załóżmy, że w naszym komponencie mamy tablicę.
dane()powrót
ArrVar:[1,2,3]
,
W obliczonej właściwości odwracamy tablicę.
obliczone:arrayReverse()
zwróć to.ArrVar.odwrócić();
Ale kiedy uruchomimy projekt, wyświetli błąd „Nieoczekiwany efekt uboczny we właściwości obliczonej „arrayReverse”.' ponieważ zawsze wykona to samo zadanie raz za razem i za każdym razem odwróci oryginalną tablicę.
Staraj się więc unikać manipulacji danymi w obliczonej właściwości, a będzie działać idealnie dla Ciebie.
Scenariusz nr 3:
Innym scenariuszem może być to, że obliczona właściwość utknęła w nieskończonej pętli i nadal coś oblicza. Ponieważ obliczona właściwość obserwuje każdą zmienną zawartą w obliczonej właściwości i reaguje lub zostaje ponownie obliczona na zmianę dowolnej zmiennej zaangażowanej w tę właściwość, jeśli zmienisz stan dowolnej zmiennej wewnątrz obliczonej właściwości, obliczona właściwość wykryje zmianę. Zaczyna się ponownie obliczać i nie będzie w stanie wyjść z tej nieskończonej pętli.
Oto niektóre z możliwych sposobów, które mogą prowadzić do braku aktualizacji obliczonej właściwości.
Wniosek
W tym poście omówiono najczęstsze scenariusze, z którymi musieli się zmierzyć programiści, gdy właściwość obliczeniowa Vue nie aktualizowała się, i zapewniła szczegółowe i szczegółowe kroki rozwiązywania problemów dla każdego scenariusza. Jeśli nadal nie znalazłeś swojego rozwiązania, możesz zadawać pytania na platformach społecznościowych Vue i uzyskać odpowiedzi na pytania w krótkim czasie.