Vue.js on erittäin suosittu JavaScript-kirjasto, joka tunnetaan reaktiivisuudestaan, joustavuudestaan ja intuitiivisesta sovellusliittymastaan. Reaktiivisuuteen ja joustavuuteen liittyy kuitenkin joitain haittoja, mikä johtaa kehittäjän suorituskykyyn tai päänsärkyyn. Laskettu ominaisuus on Vuen hyvin kuuluisa ja tunnetuin piirre.js, jota käytetään jonkin muuttujan päivittämiseen tai jonkin laskennan suorittamiseen riippuen jonkin muun muuttujan päivityksestä.
Tämä viesti yrittää selvittää ongelmat, jotka ilmenivät, kun laskettu ominaisuus ei toimi, tai päivittää haluamaamme. Katsotaanpa skenaarioita, mikä saattaa mennä pieleen, eikä Vue Computed Property päivity.
Skenaario 1:
Ensinnäkin varmista, ettet ole tehnyt mitään loogista virhettä, kuten väärän logiikan toteuttaminen. Vältä mahdolliset loogiset virheet tarkistamalla seuraavat asiat:
- Varmista, että muuttujien nimet ovat oikein.
- Hoitat muuttujan laajuuksia käyttämällä tätä.
Skenaario 2:
Toinen asia, jonka olet saattanut erehtyä lasketussa ominaisuudessa, on se, että et välitä lasketun ominaisuuden sivuvaikutuksista, kuten joidenkin tietojen muokkaamisesta lasketun ominaisuuden sisällä tai muiden toimintojen kutsumisesta. Esimerkiksi taulukon kääntäminen lasketun ominaisuuden sisällä.
Oletetaan, että komponentissamme on taulukko.
data ()palata
arrVar: [1,2,3]
,
Lasketussa ominaisuudessa me käännämme taulukkoa.
laskettu:arrayReverse ()
palauta tämä.arrVar.käänteinen();
Mutta kun suoritamme projektin, siinä näkyy virhe odottamattomasta sivuvaikutuksesta “arrayReverse” -lasketussa ominaisuudessa.koska se tekee aina saman tehtävän uudestaan ja uudestaan ja kääntää alkuperäisen taulukon joka kerta.
Joten yritä välttää tietojen manipulointia lasketulla omaisuudella, ja se toimii sinulle täysin.
Skenaario # 3:
Toinen skenaario voi olla, että laskettu ominaisuus on jumissa äärettömässä silmukassa, ja se laskee jotain uudelleen. Koska laskettu ominaisuus seuraa kaikkia laskettuun ominaisuuteen sisältyviä muuttujia ja reagoi tai lasketaan uudelleen minkä tahansa tähän ominaisuuteen liittyvän muuttujan muutoksesta, jos muutat minkä tahansa muuttujan tilaa lasketun ominaisuuden sisällä, laskettu ominaisuus havaitsee muutoksen. Se alkaa laskea itsensä uudelleen, eikä se pysty poistumaan tästä äärettömästä silmukasta.
Nämä ovat joitain mahdollisia tapoja, jotka voivat johtaa siihen, että laskettu ominaisuus ei päivity ongelma.
Johtopäätös
Tämä viesti on käynyt läpi yleisimmät skenaariot, joita kehittäjät joutuivat kohtaamaan Vue Computed -ominaisuuden päivittämättä ja toimittaneet syvälliset ja pisteiden vianmääritysvaiheet kullekin skenaarialle. Jos et vieläkään ole löytänyt ratkaisua vielä, voit kysyä kysymyksiä Vue-yhteisöalustoilla ja saada kysymyksiisi vastauksen hetkessä.