Phenquestions
Suskaičiuota ypatybė paprastai naudojama norint apskaičiuoti duomenis iš kai kurių kitų duomenų. Jis žinomas dėl savo reaktyvumo, nes kai kintamasis, susijęs su tam tikra apskaičiuota nuosavybe, pasikeičia, visa savybė perskaičiuojama.Šis įrašas išmokys perduoti parametrą apskaičiuotai nuosavybei ir pamatys, kaip naudoti „Vue“ apskaičiuota su parametras. Prieš pradėdami perduoti parametrus apskaičiuotai nuosavybei, pirmiausia supraskime apskaičiuotas savybes, eidami per pavyzdį.
Pavyzdžiai
Tarkime, kad „Vue“ komponente yra du kintamieji, pavadinti „firstName“ ir „lastName“:
//…duomenys ()
grįžti
Pirmas vardas: "",
pavardė: ""
,
//…
Apskaičiuota nuosavybė
Norime apskaičiuoti ypatybę „fullName“, kuri sujungs „firstName“ ir „lastName“, ir perskaičiuos „fullName“, kai pasikeis bet kuris iš dviejų kintamųjų „firstName“ ir „lastName“. Taigi apskaičiuota nuosavybė, skirta apskaičiuoti visą vardą, būtų tokia:
//…apskaičiuota:
pilnas vardas()
grąžink tai.firstName + "+ tai.pavardė;
//…
Dabar sukurkime keletą įvesties laukų ir susiekime „firstName“ ir „lastName“ kintamuosius su įvesties laukais, taip pat susiekime „fullName“ ypatybę žymoje „p“, kad galėtumėte peržiūrėti momentinius pokyčius pakeitus pirmąjį paskutinio anime vardas. Šio komponento HTML dalis bus tokia:
Gerai! Atlikę visą šią sąranką, pažvelkime į mūsų tinklalapį.
Jei sėkmingai parašėte teisingą kodą ir jį paleisite, savo tinklalapyje taip pat turėtumėte turėti du įvesties laukus. Pabandykime įvesti vardą ir pavardę ir pamatyti, ar „fulName“ ypatybė apskaičiuojama, ar ne.
Aukščiau pateiktoje ekrano kopijoje galite pamatyti nuostabų „Vue“ reaktyvumą.js naudodamas apskaičiuotą ypatybę. Taip pat galite paliudyti, kad tai nėra panašu į vieno kintamojo stebėjimą ir kito kintamojo vertės keitimą. Vis dėlto jis stebi kiekvieną kintamąjį, įtrauktą į apskaičiuotą ypatybę, ir iš naujo skaičiuoja „pavardę“. Pažiūrėkime, kaip mes galime perduoti parametrus apskaičiuotai nuosavybei ir naudoti ją.
Parametrus perduokite apskaičiuotai nuosavybei
Norėdami perduoti parametrus apskaičiuotai nuosavybei, mes tiesiog perduodame parametrus, kaip tai darome funkcijai. Pvz., Šablone, susieję kintamąjį „pavardė“, norime perduoti tam tikrą eilutę, todėl komponento šablono dalis būtų tokia:
Apskaičiuotoje ypatybėje perduotą parametrą galima panaudoti naudojant šią sintaksę.
apskaičiuota:pilnas vardas()
grąžinimo pranešimas1 =>
grąžinti „$ message $ this.firstName $ tai.pavardė'
Štai kaip mes galime perduoti parametrą apskaičiuotam ir gauti jį į ypatybę ir jį naudoti.
Jei dar kartą pažvelgsime į savo tinklalapį ir įvesime vardą ir pavardę, galite turėti tą patį funkcionalumą ir reaktyvumą, tačiau šį kartą parametras perduotas.
Štai kaip paprasta ir lengva perduoti apskaičiuotą nuosavybės parametrą ir jį naudoti.
Išvada:
Apskaičiuota nuosavybė yra labai galinga „Vue“ savybė.js, ir mes sužinojome, kad tai yra naudinga, kai mes turime juos pakeisti, kai pasikeičia jų priklausomybė. Mes išmokome perduoti parametrą ir jį naudoti apskaičiuotoje ypatybėje.
