Vue.A js egy nagyon népszerű JavaScript könyvtár, amely reaktivitásáról, rugalmasságáról és intuitív API-járól ismert. A reaktivitás és a rugalmasság azonban hátrányokkal jár, ami a fejlesztő teljesítményéhez vagy fejfájáshoz vezet. A számított tulajdonság a Vue nagyon híres és legismertebb tulajdonsága.js, amelyet valamely változó frissítésére vagy számítás elvégzésére használnak valamely másik változó frissítésétől függően.
Ez a bejegyzés megpróbálja elhárítani azokat a problémákat, amelyek akkor fordultak elő, amikor a számított tulajdonság nem működik, vagy frissíti, amit akarunk. Vessünk egy pillantást a forgatókönyvekre, mi lehet rosszul, és a Vue Computed Property nem frissül.
1. forgatókönyv:
Először is ellenőrizze, hogy nem követett-e el logikai hibát, például rossz logika végrehajtását. A lehetséges logikai hibák elkerülése érdekében ellenőrizze a következőket:
- Ellenőrizze, hogy a változónevek helyesek-e.
- Ön a „this” használatával gondoskodik a változó hatóköréről.
2. forgatókönyv:
A második dolog, amit tévedhetett a kiszámított tulajdonságban, az, hogy nem törődik a Számított tulajdonság mellékhatásaival, például néhány adat szerkesztésével egy kiszámított tulajdonságban vagy más függvények meghívásával. Például a tömb megfordítása egy kiszámított tulajdonságon belül.
Tegyük fel, hogy van egy tömb az összetevőnkben.
adat()Visszatérés
arrVar: [1,2,3]
,
A kiszámított tulajdonságban megfordítjuk a tömböt.
számított:arrayReverse ()
adja vissza ezt.arrVar.fordított();
De amikor lefuttatjuk a projektet, akkor a „Váratlan mellékhatás” hibát mutatja az „arrayReverse” számított tulajdonságban.', mert mindig ugyanazt a feladatot fogja újra és újra elvégezni, és minden alkalommal megfordítja az eredeti tömböt.
Tehát próbálja elkerülni az adatok manipulálását a számított tulajdonságban, és ez tökéletesen fog működni az Ön számára.
3. forgatókönyv:
Egy másik forgatókönyv az lehet, hogy a kiszámított tulajdonság végtelen hurokba van ragadva, és folyamatosan újraszámol valamit. Mivel a számított tulajdonság figyeli a kiszámított tulajdonságban szereplő minden változót, és reagál vagy újra kiszámítja az ebben a tulajdonságban részt vevő bármely változó változását, ha megváltoztatja bármelyik változó állapotát a kiszámított tulajdonságban, a kiszámított tulajdonság észleli a változást. Elkezdi újraszámolni magát, és nem lesz képes kilépni ebből a végtelen ciklusból.
Ez néhány lehetséges módszer, amely ahhoz vezethet, hogy a kiszámított tulajdonság nem frissíti a problémát.
Következtetés
Ez a bejegyzés áttekintette azokat a leggyakoribb forgatókönyveket, amelyekkel a fejlesztők szembesültek, hogy a Vue Computed tulajdonság nem frissült, és mélyreható és aktuális hibaelhárítási lépéseket nyújtott az egyes forgatókönyvekhez. Ha még mindig nem találta meg a megoldását, nyugodtan tegye fel kérdéseit a Vue közösségi platformokon, és pillanatokon belül válaszoljon kérdéseire.