Phenquestions
Vue.js is een zeer populaire JavaScript-bibliotheek die bekend staat om zijn reactiviteit, flexibiliteit en intuïtieve API. Reactiviteit en flexibiliteit hebben echter enkele nadelen, wat leidt tot de prestaties van de ontwikkelaar of hoofdpijn. De berekende eigenschap is een zeer bekende en meest bekende eigenschap van Vue.js, dat wordt gebruikt om een variabele bij te werken of een berekening uit te voeren, afhankelijk van de update van een andere variabele.
Dit bericht zal proberen de problemen op te lossen die zich hebben voorgedaan wanneer de berekende eigenschap niet werkt of updaten wat we willen. Laten we eens kijken naar de scenario's, wat er mis kan gaan en Vue Computed Property wordt niet bijgewerkt.
Scenario 1:
Zorg er allereerst voor dat je geen logische fout hebt gemaakt, zoals het implementeren van de verkeerde logica. Controleer de volgende zaken om mogelijke logische fouten te voorkomen:
- Controleer of de namen van variabelen correct zijn.
- U zorgt voor de scopes van de variabele met behulp van "this".
Scenario #2:
Het tweede dat je je misschien hebt vergist in de berekende eigenschap, is dat je niet geeft om de bijwerkingen van de berekende eigenschap, zoals het bewerken van sommige gegevens in een berekende eigenschap of het aanroepen van andere functies. Bijvoorbeeld, de array omkeren binnen een berekende eigenschap.
Stel dat we een array in onze component hebben.
gegevens()terugkeer
arrVar:[1,2,3]
,
In de berekende eigenschap keren we de array om.
berekend:arrayReverse()
geef dit terug.arrVar.omgekeerde();
Maar wanneer we het project uitvoeren, wordt de fout 'Onverwacht neveneffect' weergegeven in de berekende eigenschap 'arrayReverse'.' omdat het altijd dezelfde taak opnieuw en opnieuw zal doen en de originele array elke keer zal omkeren.
Probeer dus gegevensmanipulatie in de berekende eigenschap te vermijden, en het zal prima voor u werken.
Scenario #3:
Een ander scenario kan zijn dat de berekende eigenschap vastzit in een oneindige lus en steeds iets opnieuw berekent. Aangezien de berekende eigenschap elke variabele in de berekende eigenschap bewaakt en reageert of opnieuw wordt berekend op de wijziging van een variabele die bij deze eigenschap is betrokken, detecteert de berekende eigenschap de wijziging als u de status van een variabele binnen de berekende eigenschap wijzigt. Het begint zichzelf opnieuw te berekenen, en het zal niet uit deze oneindige lus kunnen komen.
Dit zijn enkele van de mogelijke manieren die ertoe kunnen leiden dat de berekende eigenschap het probleem niet bijwerkt.
Conclusie
Dit bericht heeft de meest voorkomende scenario's doorlopen waarmee de ontwikkelaars te maken kregen voor het feit dat Vue Computed-eigendom niet werd bijgewerkt en voor elk scenario diepgaande en to-the-point stappen voor probleemoplossing bevatte. Als je je oplossing nog steeds niet hebt gevonden, stel je vragen dan gerust op de Vue-communityplatforms en krijg binnen de kortste keren antwoord op je vragen.
