Phenquestions
Vue.js er et meget populært JavaScript-bibliotek, der er kendt for sin reaktivitet, fleksibilitet og intuitive API. Imidlertid har reaktivitet og fleksibilitet nogle ulemper, der fører til udviklerens ydeevne eller hovedpine. Den beregnede ejendom er et meget berømt og mest kendt træk ved Vue.js, som bruges til at opdatere en variabel eller udføre en beregning afhængigt af en anden variabels opdatering.
Dette indlæg vil forsøge at foretage fejlfinding af de problemer, der opstod, når den beregnede ejendom ikke fungerer eller opdaterer det, vi ønsker. Lad os se på scenarierne, hvad der kan gå galt, og Vue Computed Property opdateres ikke.
Scenarie nr. 1:
Først og fremmest skal du sørge for at du ikke lavede nogen logisk fejl som at implementere den forkerte logik. For at undgå de mulige logiske fejl skal du kontrollere følgende ting:
- Kontroller, at variabelnavne er korrekte.
- Du tager sig af omfanget af variablen ved hjælp af "dette".
Scenarie nr. 2:
Den anden ting, du måske har forvekslet med den beregnede ejendom, er at du ikke bryr dig om den beregnede ejendoms bivirkninger som at redigere nogle data inde i en beregnet ejendom eller kalde andre funktioner. For eksempel at vende arrayet inden for en beregnet egenskab.
Antag, at vi har en matrix i vores komponent.
data()Vend tilbage
arrVar: [1,2,3]
,
I den beregnede egenskab vender vi arrayet.
beregnet:arrayReverse ()
returner dette.arrVar.baglæns();
Men når vi kører projektet, viser det en fejl med 'Uventet bivirkning i "arrayReverse" -beregnet ejendom.'fordi det altid vil udføre den samme opgave igen og igen og vende det originale array hver gang.
Så prøv at undgå datamanipulation i den beregnede ejendom, og det fungerer perfekt for dig.
Scenarie # 3:
Et andet scenario kan være, at den beregnede ejendom sidder fast i en uendelig løkke, og den fortsætter med at genberegne noget. Da beregnet ejendom overvåger alle variabler, der er inkluderet i den beregnede ejendom, og reagerer eller bliver beregnet på ændringen af en variabel, der er involveret i denne egenskab, registrerer den beregnede ejendom ændringen, hvis du ændrer tilstanden for en variabel inden for den beregnede ejendom. Det begynder at genberegne sig selv, og det vil ikke være i stand til at komme ud af denne uendelige løkke.
Dette er nogle af de mulige måder, der kan føre til, at den beregnede ejendom ikke opdaterer problemet.
Konklusion
Dette indlæg har gennemgået de mest almindelige scenarier, som udviklerne står over for for Vue Computed ejendom, der ikke opdateres og leverede dybe og aktuelle fejlfindingstrin for hvert scenario. Hvis du stadig ikke har fundet din løsning endnu, er du velkommen til at stille dine spørgsmål på Vue-community-platformene og få dine spørgsmål besvaret på ingen tid.
