Aprēķināto rekvizītu parasti izmanto, lai aprēķinātu datus no dažiem citiem datiem. Tas ir pazīstams ar savu reaktivitāti, jo ikreiz, kad mainīgais, kas iesaistīts kādā aprēķinātā īpašumā, tiek mainīts, viss īpašums tiek pārrēķināts.Šis ieraksts iemācīsies nodot parametru aprēķinātajam īpašumam un uzzinās, kā izmantot Vue aprēķināts ar parametrs. Pirms sākat parametru nodošanu aprēķinātajam rekvizītam, vispirms sapratīsim aprēķinātās īpašības, izmantojot piemēru.
Piemēri
Pieņemsim, ka mūsu Vue komponentā ir divi mainīgie ar nosaukumu “firstName” un “lastName”:
//…dati ()
atgriezties
vārds: "",
uzvārds: ""
,
//…
Aprēķinātais īpašums
Mēs vēlamies aprēķināt rekvizītu “fullName”, kas apvienos “firstName” un “lastName”, un pārrēķināsim fullName ikreiz, kad tiks mainīts kāds no diviem mainīgajiem “firstName” un “lastName”. Tātad aprēķinātais rekvizīts pilna vārda aprēķināšanai būtu šāds:
//…aprēķināts:
pilnais vārds()
atgriezt šo.firstName + "+ šis.uzvārds;
//…
Tagad izveidosim dažus ievades laukus un saistīsim mainīgos “firstName” un “lastName” ar ievades laukiem, kā arī piesaistīsim rekvizītu “fullName” tagā “p”, lai skatītu tūlītējās izmaiņas, mainot pēdējo anime pēdējo nosaukums. Šī komponenta HTML daļa būs šāda:
Labi! Pēc visu šo iestatījumu veikšanas apskatīsim mūsu vietni.
Ja esat veiksmīgi uzrakstījis pareizo kodu un palaidis to, jūsu tīmekļa lapā vajadzētu būt arī diviem ievades laukiem. Mēģināsim ierakstīt vārdu un uzvārdu un redzēt, vai tiek aprēķināts rekvizīts “fulName”, vai nē.
Iepriekš redzamajā ekrānuzņēmumā jūs varat redzēt Vue lielisko reaktivitāti.js, izmantojot aprēķināto īpašību. Jūs varat arī liecināt, ka tas nav tāpat kā skatīties vienu mainīgo un mainīt kāda cita mainīgā vērtību. Tomēr tā vēro katru mainīgo, kas iekļauts aprēķinātajā īpašumā, un pārrēķina “lastName”. Apskatīsim, kā mēs varam nodot parametrus aprēķinātajam īpašumam un to izmantot.
Nosūtiet parametrus skaitļotajam īpašumam
Lai parametrus nodotu aprēķinātajam īpašumam, mēs vienkārši nododam parametrus tāpat, kā mēs to darām funkcijai. Piemēram, veidnē, kad mēs esam sasaistījuši mainīgo “lastName”, mēs vēlamies nodot virkni, tāpēc mūsu komponenta veidnes daļa būtu šāda:
Tagad aprēķinātajā īpašumā nodoto parametru var izmantot, izmantojot šādu sintaksi.
aprēķināts:pilnais vārds()
atbildes ziņojums1 =>
atgriezt '$ message $ this.firstName $ this.uzvārds'
Tas ir veids, kā mēs varam nodot parametru aprēķinātajam un iegūt to īpašumā un izmantot.
Ja mēs vēlreiz apskatīsim mūsu tīmekļa lapu un ierakstīsim vārdu un uzvārdu, jums var būt tāda pati funkcionalitāte un reaktivitāte, taču šoreiz parametrs tika nodots.
Tas ir, cik vienkārši un viegli ir nodot aprēķinātu rekvizītu parametru un to izmantot.
Secinājums:
Aprēķinātais īpašums ir ļoti spēcīga Vue iezīme.js, un mēs esam iemācījušies, ka tas ir noderīgi, ja mums tie ir jāmaina, kad mainās viņu atkarība. Mēs esam iemācījušies nodot parametru un izmantot to aprēķinātajā īpašumā.