Vue.js este o bibliotecă JavaScript foarte populară, cunoscută pentru reactivitatea, flexibilitatea și API-ul intuitiv. Cu toate acestea, reactivitatea și flexibilitatea vin cu unele dezavantaje, ceea ce duce la performanța dezvoltatorului sau la o durere de cap. Proprietatea calculată este o caracteristică foarte faimoasă și cea mai cunoscută a Vue.js, care este utilizat pentru actualizarea unei variabile sau efectuarea unor calcule în funcție de actualizarea altei variabile.
Această postare va încerca să depaneze problemele apărute atunci când proprietatea calculată nu funcționează sau să actualizeze ceea ce dorim. Să aruncăm o privire asupra scenariilor, a ceea ce s-ar putea să meargă prost și a proprietății Vue Computed care nu se actualizează.
Scenariul 1:
În primul rând, asigurați-vă că nu ați făcut nicio eroare logică, cum ar fi implementarea unei logici greșite. Pentru a evita posibilele erori logice, verificați următoarele lucruri:
- Verificați dacă numele variabilelor sunt corecte.
- Aveți grijă de domeniile variabilei folosind „aceasta”.
Scenariul 2:
Al doilea lucru pe care l-ați fi greșit în proprietatea calculată este că nu vă pasă de efectele secundare ale proprietății calculate, cum ar fi editarea unor date într-o proprietate calculată sau apelarea altor funcții. De exemplu, inversarea matricei într-o proprietate calculată.
Să presupunem că avem o matrice în componenta noastră.
date()întoarcere
arrVar: [1,2,3]
,
În proprietatea calculată, inversăm matricea.
calculat:arrayReverse ()
returnează asta.arrVar.verso();
Dar, când rulăm proiectul, acesta va afișa o eroare de „Efect secundar neașteptat în proprietatea calculată„ arrayReverse ”.'deoarece va face întotdeauna aceeași sarcină din nou și din nou și va inversa matricea originală de fiecare dată.
Deci, încercați să evitați manipularea datelor în proprietatea calculată și va funcționa perfect pentru dvs.
Scenariul nr. 3:
Un alt scenariu ar putea fi faptul că proprietatea calculată este blocată într-o buclă infinită și continuă să re-calculeze ceva. Deoarece proprietatea calculată urmărește fiecare variabilă inclusă în proprietatea calculată și reacționează sau se recalculează la schimbarea oricărei variabile implicate în această proprietate, dacă modificați starea oricărei variabile din proprietatea calculată, proprietatea calculată detectează modificarea. Începe să se recalculeze și nu va putea ieși din această buclă infinită.
Acestea sunt câteva dintre modalitățile posibile care ar putea duce la problema actualizării proprietății calculate.
Concluzie
Această postare a trecut prin cele mai frecvente scenarii cu care s-au confruntat dezvoltatorii pentru faptul că proprietatea Vue Computed nu a fost actualizată și a oferit pași de soluționare a problemelor profunde și la obiect pentru fiecare scenariu. Dacă încă nu ați găsit soluția dvs., nu ezitați să vă adresați întrebările pe platformele comunității Vue și să primiți răspuns la întrebări în cel mai scurt timp.