Phenquestions
Vue.js je veľmi populárna knižnica JavaScriptu, ktorá je známa svojou reaktivitou, flexibilitou a intuitívnym API. Reaktivita a flexibilita však majú určité nevýhody, ktoré vedú k výkonu vývojára alebo bolesti hlavy. Vypočítaná vlastnosť je veľmi známou a najznámejšou vlastnosťou programu Vue.js, ktorý sa používa na aktualizáciu nejakej premennej alebo na vykonanie nejakého výpočtu v závislosti od aktualizácie inej premennej.
Tento príspevok sa pokúsi vyriešiť problémy, ktoré sa vyskytli, keď vypočítaná vlastnosť nefunguje, alebo aktualizovať to, čo chceme. Pozrime sa na scenáre, čo sa môže pokaziť a neaktualizované Vue Computed Property.
Scenár č. 1:
Najskôr sa uistite, že ste neurobili žiadnu logickú chybu, napríklad nesprávnu logiku. Aby ste sa vyhli možným logickým chybám, skontrolujte nasledujúce veci:
- Skontrolujte správnosť názvov premenných.
- O rozsah premennej sa staráte pomocou „tohto“.
Scenár č. 2:
Druhá vec, ktorú ste si mohli vo výpočtovej vlastnosti pomýliť, je to, že sa nestaráte o vedľajšie účinky vypočítanej vlastnosti, ako je úprava niektorých údajov vo vnútri vypočítanej vlastnosti alebo volanie iných funkcií. Napríklad obrátenie poľa v rámci vypočítanej vlastnosti.
Predpokladajme, že v našej súčasti je pole.
data ()návrat
arrVar: [1,2,3]
,
Vo vypočítanej vlastnosti obraciame pole.
vypočítané:arrayReverse ()
vráť toto.arrVar.reverz ();
Keď však spustíme projekt, zobrazí sa chyba „Neočakávaný vedľajší účinok vo vypočítanej vlastnosti„ arrayReverse “.'pretože vždy bude robiť stále tú istú úlohu a zakaždým obráti pôvodné pole.
Snažte sa teda vyhnúť sa manipulácii s údajmi vo vypočítanej vlastnosti a bude vám fungovať úplne dobre.
Scenár č. 3:
Ďalším scenárom môže byť to, že vypočítaná vlastnosť je uviaznutá v nekonečnej slučke a neustále niečo znovu počíta. Pretože vypočítaná vlastnosť sleduje každú premennú zahrnutú vo vypočítanej vlastnosti a reaguje alebo sa prepočítava pri zmene akejkoľvek premennej zahrnutej v tejto vlastnosti, ak zmeníte stav ľubovoľnej premennej vo vnútri vypočítanej vlastnosti, vypočítaná vlastnosť zaznamená zmenu. Začína sa to prepočítavať samo a nebude sa môcť dostať z tejto nekonečnej slučky.
Existuje niekoľko možných spôsobov, ktoré by mohli viesť k tomu, že vypočítaná vlastnosť nebude mať problém s aktualizáciou.
Záver
Tento príspevok prešiel najbežnejšími scenármi, ktorým vývojári čelili v prípade, že sa vlastnosť Vue Computed neaktualizovala, a poskytoval dôkladné a okamžité kroky na riešenie problémov pre každý scenár. Ak ste stále nenašli svoje riešenie, neváhajte sa opýtať na komunitné platformy Vue a nechajte svoje otázky rýchlo zodpovedať.
