Phenquestions
Proprietatea calculată este de obicei utilizată pentru a calcula date din alte date. Este cunoscut pentru reactivitatea sa, deoarece ori de câte ori o variabilă implicată într-o anumită proprietate calculată se schimbă, întreaga proprietate devine recalculată.Această postare va învăța să treacă parametrul către proprietatea calculată și să vadă cum se folosește Vue calculat cu parametru. Înainte de a începe cu trecerea parametrilor la proprietatea calculată, să înțelegem mai întâi proprietățile calculate parcurgând exemplul.
Exemple
Să presupunem că avem două variabile numite „prenume” și „prenume” în componenta noastră Vue:
// ..date()
întoarcere
Nume: "",
numele de familie: ""
,
// ..
Proprietate calculată
Vrem să calculăm o proprietate „fullName” care va combina „prenumele” și „prenumele” și va recomputa numele complet ori de câte ori oricare dintre cele două variabile „prenumele” și „prenumele” se schimbă. Deci, proprietatea calculată pentru calcularea numelui complet ar fi astfel:
// ..calculat:
Numele complet()
returnează asta.prenume + "+ aceasta.numele de familie;
// ..
Acum să creăm câteva câmpuri de intrare și să legăm variabilele „firstName” și „lastName” la câmpurile de intrare și, de asemenea, să legăm proprietatea „fullName” din eticheta „p” pentru a vizualiza schimbarea instantanee a schimbării primului anime din ultima Nume. Partea HTML a acestei componente va fi astfel:
Bine! După ce am făcut toate aceste configurări, să aruncăm o privire la pagina noastră web.
Dacă ați scris cu succes codul corect și îl rulați, ar trebui să aveți și cele două câmpuri de intrare pe pagina dvs. web. Să încercăm să tastați prenumele și prenumele și să vedem fie că proprietatea „fulName” devine calculată, fie nu.
Aici, în captura de ecran prezentată mai sus, puteți asista la reactivitatea minunată a Vue.js folosind proprietatea calculată. De asemenea, puteți asista că nu este ca și cum ați urmări o singură variabilă și a schimba valoarea altei variabile. Totuși, urmărește fiecare variabilă inclusă în proprietatea calculată și re-calculează „lastName”. Să vedem cum putem transmite parametrii proprietății calculate și să o folosim.
Treceți parametrii la proprietatea calculată
Pentru trecerea parametrilor la proprietatea calculată, trecem parametrii așa cum procedăm pentru funcție. De exemplu, în șablon, când am legat variabila „lastName”, vrem să trecem niște șir, astfel încât partea șablon a componentei noastre să fie astfel:
Acum, în proprietatea calculată, parametrul trecut poate fi utilizat folosind următoarea sintaxă.
calculat:Numele complet()
returnează mesajul 1 =>
returnează „$ message $ this.prenume $ this.numele de familie'
Acesta este modul în care putem transmite un parametru calculatului și îl putem obține în proprietate și îl putem folosi.
Dacă ne uităm din nou la pagina noastră web și tastăm prenumele și prenumele, puteți avea aceeași funcționalitate și reactivitate, dar de data aceasta parametrul a trecut.
Acesta este cât de simplu și ușor este să treceți un parametru de proprietate calculat și să-l utilizați.
Concluzie:
Proprietatea calculată este o caracteristică foarte puternică a Vue.js și am aflat că este util când trebuie să le schimbăm atunci când dependențele lor se schimbă. Am învățat să trecem parametrul și să-l folosim în proprietatea calculată.
