Vue.js er et veldig populært JavaScript-bibliotek som er kjent for sin reaktivitet, fleksibilitet og intuitive API. Imidlertid har reaktivitet og fleksibilitet noen ulemper, noe som fører til utviklerens ytelse eller hodepine. Den beregnede eiendommen er en veldig kjent og mest kjent funksjon av Vue.js, som brukes til å oppdatere noen variabler eller utføre noen beregninger avhengig av en annen variabels oppdatering.
Dette innlegget vil prøve å feilsøke problemene som oppstod når den beregnede eiendommen ikke fungerer eller oppdatere det vi ønsker. La oss ta en titt på scenariene, hva som kan gå galt, og Vue Computed Property oppdateres ikke.
Scenario nr. 1:
Først og fremst må du sørge for at du ikke gjorde noen logiske feil som å implementere feil logikk. For å unngå mulige logiske feil, sjekk følgende ting:
- Bekreft at variabelnavn er riktige.
- Du tar vare på omfanget av variabelen ved å bruke "dette".
Scenario 2:
Det andre du kanskje har tatt feil av i den beregnede egenskapen, er at du ikke bryr deg om den beregnede eiendommens bivirkninger som å redigere noen data i en beregnet eiendom eller ringe til andre funksjoner. For eksempel å reversere matrisen i en beregnet eiendom.
Anta at vi har en matrise i komponenten vår.
data()komme tilbake
arrVar: [1,2,3]
,
I den beregnede egenskapen reverserer vi matrisen.
beregnet:arrayReverse ()
returner dette.arrVar.omvendt();
Men når vi kjører prosjektet, vil det vise en feil med "Uventet bivirkning i" arrayReverse "beregnet eiendom.'fordi det alltid vil gjøre den samme oppgaven igjen og igjen og reversere den opprinnelige matrisen hver gang.
Så prøv å unngå datamanipulering i den beregnede eiendommen, og det vil fungere perfekt for deg.
Scenario # 3:
Et annet scenario kan være at den beregnede eiendommen sitter fast i en uendelig sløyfe, og den fortsetter å beregne noe på nytt. Siden beregnet eiendom ser på alle variabler som inngår i den beregnede eiendommen og reagerer eller blir beregnet på nytt på endringen av en variabel som er involvert i denne egenskapen, registrerer den beregnede egenskapen endringen hvis du endrer tilstanden til en variabel i den beregnede eiendommen. Det begynner å beregne seg selv, og det vil ikke være i stand til å komme seg ut av denne uendelige løkken.
Dette er noen av de mulige måtene som kan føre til at den beregnede eiendommen ikke oppdaterer problemet.
Konklusjon
Dette innlegget har gått gjennom de vanligste scenariene utviklerne møtte for Vue Computed-eiendom som ikke oppdaterte, og ga dype og punktlige feilsøkingstrinn for hvert scenario. Hvis du fremdeles ikke har funnet løsningen din ennå, kan du stille spørsmålene dine på Vue-fellesskapsplattformene og få svar på spørsmålene dine på kort tid.