Lastnost Computed se običajno uporablja za izračun podatkov iz nekaterih drugih podatkov. Znana je po svoji reaktivnosti, ker kadar koli se spremeni spremenljivka, vključena v neko izračunano lastnost, se celotna lastnost preračuna.Ta objava se bo naučila prenašati parameter v izračunano lastnost in si ogledala, kako uporabljati Vue izračunano z parameter. Preden začnemo s prenašanjem parametrov v izračunano lastnost, najprej razumemo izračunane lastnosti tako, da si ogledamo primer.
Primeri
Recimo, da imamo v komponenti Vue dve spremenljivki z imenom "firstName" in "lastName":
// ..podatki ()
vrni
ime: "",
priimek: ""
,
//…
Izračunana lastnina
Izračunati želimo lastnost »polno ime«, ki bo združevala »ime« in »priimek« in ponovno izračunala polno ime, kadar koli se bo spremenila katera od obeh spremenljivk »ime in priimek«. Torej, izračunana lastnost za izračun polnega imena bi bila taka:
//…izračunano:
polno ime()
vrni to.firstName + "+ to.priimek;
// ..
Zdaj pa ustvarimo nekaj vnosnih polj in spremenljivki “firstName” in “lastName” vežemo na vnosna polja in prav tako povežemo lastnost “fullName” v oznaki 'p', da si ogledamo takojšnjo spremembo spremembe prvega animeja zadnjega ime. HTML del te komponente bo tak:
Vredu! Po vseh teh nastavitvah si oglejmo našo spletno stran.
Če ste pravilno napisali pravilno kodo in jo zagnali, morate imeti na svoji spletni strani tudi dve vnosni polji. Poskusimo vtipkati ime in priimek in preverimo, ali se lastnost "fulName" izračuna ali ne.
Na zgornjem posnetku zaslona lahko vidite čudovito reaktivnost Vueja.js z uporabo izračunane lastnosti. Lahko ste tudi priča, da ni tako kot gledanje ene same spremenljivke in spreminjanje vrednosti neke druge spremenljivke. Kljub temu pazi na vsako spremenljivko, vključeno v izračunano lastnost, in ponovno izračuna "lastName". Poglejmo, kako lahko prenesemo parametre v izračunano lastnost in jo uporabimo.
Prenesite parametre v izračunano lastnost
Za posredovanje parametrov v izračunano lastnost samo prenesemo parametre, kot to storimo za funkcijo. Na primer, v predlogi, ko smo vezali spremenljivko »lastName«, želimo prenesti nekaj niza, zato bi bil del predloge naše komponente takšen:
Zdaj lahko v izračunani lastnosti posredovani parameter uporabimo z uporabo naslednje sintakse.
izračunano:polno ime()
vrni sporočilo1 =>
vrni '$ message $ to.firstName $ to.priimek'
Tako lahko posredujemo parameter izračunanemu, ga dobimo v lastnosti in uporabimo.
Če ponovno pogledamo našo spletno stran in vtipkamo Ime in priimek, imate lahko enako funkcionalnost in reaktivnost, vendar je tokrat parameter prenesen.
Tako enostavno in enostavno je prenesti izračunani parameter lastnosti in ga uporabiti.
Zaključek:
Izračunana lastnost je zelo zmogljiva lastnost Vue.js in smo se naučili, da pride prav, ko jih moramo spremeniti, ko se spremenijo njihove odvisnosti. Parameter smo se naučili predati in uporabiti v izračunani lastnosti.