Vue.js ir tik viegli apgūstama un pieejama bibliotēka. Tātad, zinot HTML, CSS un Javascript, mēs varam sākt veidot tīmekļa lietojumprogrammas Vue.js. Vue.js ir veidots, apvienojot labākās iezīmes no jau esošajiem leņķa un reakcijas ietvariem.
Datu saistīšana ir viena no elegantākajām Vue funkcijām.js, jo tas nodrošina reaktīvu / divvirzienu datu saistīšanu. Vue.js, atšķirībā no citiem ietvariem mums nav jāraksta daudz rindiņu, lai būtu divvirzienu datu saistīšana. Vienvirziena datu saistīšana nozīmē, ka mainīgais ir tikai saistīts ar DOM. No otras puses, divvirzienu nozīmē, ka mainīgais ir saistīts arī no DOM. Kad mainās DOM, mainās arī mainīgais. Tātad, apskatīsim abus datu sasaistes un redzēsim pareizo atšķirību.
Vienvirziena datu saistīšana
Ja mēs vēlamies piesaistīt jebkuru mainīgo, mēs varam vienkārši izmantot Vue.js dubulto cirtaino bikšturu sintakse vai “Mustache” sintakse, lai saistītu jebkuru mainīgo no relatīvā komponenta gadījuma.
linuxhintText
Vai arī, ja mēs vēlamies saistīt jebkuru mainīgo HTML atribūtā, mēs varam izmantot v-iesiet direktīvu.
Vue.js nodrošina arī stenogrammu mainīgo saistīšanai HTML atribūtā. Rakstīšanas vietā v-bind: atribūta nosaukums, mēs varam izmantot tikai kolu “:” un atribūta nosaukumu.
Bet tie ir tikai datu iesiešana. Lai parādītu divvirzienu datu saistīšanu, mēs varam izmantot v-modelis direktīva, ko nodrošina Vue.js.
Divvirzienu / reaktīvo datu saistīšana
Lai parādītu reaktīvo datu saistīšanu, mēs varam izmantot v-modelis ievades formas laukā. Tas iekšēji izstaro notikumu un mainīs mainīgo. Ar kuru mēs varam saistīties kaut kur citur veidnē, izmantojot Double curly bikšturi vai “Mustache” sintaksi.
Jūs rakstāt: linuxhintText
Tagad, kad ievades formas laukā ievadām rakstzīmi, mēs varam redzēt, ka mainīgais vienlaikus tiek atjaunināts.
Iesaiņošana
Šajā rakstā mēs esam iemācījušies saistīt mainīgos Vue.js izmanto dubultās cirtainās lencītes vai “ūsu” sintaksi. Mēs arī esam parādījuši Vue divvirzienu / reaktīvo datu saistīšanu.js izmantojot v modeļa direktīvu. Pēc šī raksta izlasīšanas iesiešana datiem, kas tikko sākuši darbu ar Vue, vairs nav grūts uzdevums.js. Tātad, turpiniet mācīties Vue jēdzienus.js ar linuxhint.com. Paldies!