Vue.js yra tokia lengvai išmokstama ir prieinama biblioteka. Taigi, žinodami HTML, CSS ir „Javascript“, galime pradėti kurti žiniatinklio programas „Vue“.js. Vue.„js“ sukurtas derinant geriausias jau esamos „Angular and Reage Frameworks“ savybes.
Duomenų įrišimas yra viena iš elegantiškiausių „Vue“ funkcijų.js, nes tai suteikia reaktyvųjį / dvipusį duomenų įrišimą. Vue.js, mums nereikia rašyti daug eilučių, kad būtų įpareigoti dvipusiai duomenys, skirtingai nei kitose sistemose. Vienpusis duomenų susiejimas reiškia, kad kintamasis yra tiesiog susietas su DOM. Kita vertus, dvipusis reiškia, kad kintamasis taip pat yra susietas iš DOM. Kai keičiasi DOM, keičiasi ir kintamasis. Taigi, pažvelkime į abu duomenų susiejimus ir pamatysime tinkamą skirtumą.
Vienpusis duomenų įrišimas
Jei norime susieti bet kurį kintamąjį, galime tiesiog naudoti „Vue“.„js“ dvigubų garbanotų petnešų sintaksė arba „ūsų“ sintaksė susieja bet kurį kintamąjį iš santykinio komponento egzemplioriaus.
linuxhintText
Arba, jei norime susieti bet kurį kintamąjį HTML atribute, galime naudoti v-surišti direktyvą.
Vue.js taip pat pateikia HTML atributo kintamųjų susiejimo trumpinį. Užuot rašiusi v-bind: atributas-vardas, galime naudoti tik dvitaškį „:“ ir atributo pavadinimą.
Bet tai tik duomenų susiejimas. Norėdami parodyti abipusį duomenų įrišimą, galime naudoti v modelis Vue pateiktą direktyvą.js.
Dvipusis / reaktyvus duomenų įrišimas
Norėdami parodyti reaktyvų duomenų susiejimą, galime naudoti v modelis direktyvą įvesties formos lauke. Iš vidaus jis išskirs įvykį ir pakeis kintamąjį. Prie kurios galime susieti kur nors kitą šabloną naudodami dvigubų garbanotų petnešų arba „Ūsų“ sintaksę.
Jūs rašote: linuxhintText
Dabar, kai įvesties formos lauke įvedame simbolį, galime pastebėti, kad kintamasis taip pat atnaujinamas vienu metu.
Apvyniojimas
Šiame straipsnyje mes išmokome susieti „Vue“ kintamuosius.js, naudojant dvigubas garbanotas petnešas arba „ūsų“ sintaksę. Mes taip pat pademonstravome „Vue“ dviejų būdų / reaktyvių duomenų susiejimą.js naudojant v modelio direktyvą. Perskaičius šį straipsnį pradedantiesiems, kurie ką tik pradėjo „Vue“, duomenų susiejimas nebėra sunki užduotis.js. Taigi, toliau mokykitės „Vue“ sąvokų.js su linuxhint.com. Ačiū!