Vue.js on väga populaarne JavaScripti teek, mis on tuntud oma reaktiivsuse, paindlikkuse ja intuitiivse API-i poolest. Kuid reaktsioonivõime ja paindlikkus on seotud mõningate puudustega, mis toovad kaasa arendaja jõudluse või peavalu. Arvutatud vara on Vue väga kuulus ja tuntuim omadus.js, mida kasutatakse mõne muutuja värskendamiseks või arvutuste tegemiseks sõltuvalt mõne muu muutuja värskendusest.
Selles postituses püütakse leida probleeme, mis ilmnesid siis, kui arvutatud atribuut ei tööta, või värskendage seda, mida me tahame. Vaatame stsenaariume, mis võib valesti minna ja kui Vue arvutatud vara ei uuene.
Stsenaarium nr 1:
Kõigepealt veenduge, et te ei teinud ühtegi loogilist viga nagu vale loogika rakendamine. Võimalike loogikavigade vältimiseks kontrollige järgmisi asju:
- Veenduge, et muutujate nimed on õiged.
- Hoolitsete muutuja ulatuse eest selle abil.
Stsenaarium nr 2:
Teine asi, mille olete arvutatud atribuudis eksinud, on see, et te ei hooli arvutatud atribuudi kõrvalmõjudest, näiteks mõne andmetöötluse arvutatud atribuudis või muude funktsioonide kutsumisest. Näiteks massiivi ümberpööramine arvutatud atribuudis.
Oletame, et meie komponendis on massiiv.
andmed ()tagastama
arrVar: [1,2,3]
,
Arvutatud atribuudis pöörame massiivi ümber.
arvutatud:arrayReverse ()
tagastage see.arrVar.tagurpidi();
Kuid kui projekti käivitame, kuvatakse arvutis „arrayReverse” arvutatud atribuudis „Ootamatu kõrvalmõju” tõrge.sest see teeb alati sama ülesande ikka ja jälle ning pöörab iga kord algse massiivi ümber.
Niisiis, proovige arvutis atribuudis manipuleerida andmetega ja see töötab teie jaoks suurepäraselt.
Stsenaarium nr 3:
Teine stsenaarium võib olla see, et arvutatud omadus on kinni lõputus silmus ja see jätkab midagi uuesti arvutamist. Kuna arvutatud omadus jälgib kõiki arvutatud atribuudi muutujaid ja reageerib või arvutatakse ümber selle atribuudiga seotud muutujate muutmise korral, tuvastab arvutatud omadus muutuse, kui muudate arvutatud atribuudi muutuja olekut. See hakkab ennast ümber arvutama ja ei saa sellest lõpmatust silmusest välja.
Need on mõned võimalikest viisidest, mis võivad viia arvutatud atribuudi värskendamisprobleemini.
Järeldus
See postitus on läbinud levinumad stsenaariumid, millega arendajad seisid silmitsi atribuudi Vue Computed värskendamata jätmisega ning pakkusid iga stsenaariumi jaoks põhjalikke ja täpseid tõrkeotsingu samme. Kui te pole veel oma lahendust leidnud, küsige julgelt oma küsimusi Vue kogukonna platvormidelt ja saate oma küsimustele vastused aja jooksul.