Vue.js on niin helppo oppia ja lähestyttävä kirjasto. Joten HTML: n, CSS: n ja Javascriptin tuntemuksen avulla voimme aloittaa verkkosovellusten rakentamisen Vue-sivustossa.js. Vue.js on rakennettu yhdistämällä jo olemassa olevien kulma- ja reaktiokehysten parhaat ominaisuudet.
Tietojen sitominen on yksi Vuen tyylikkäimmistä ominaisuuksista.js, koska se tarjoaa reaktiivisen / kaksisuuntaisen datan sitomisen. Vue.js, meidän ei tarvitse kirjoittaa paljon rivejä, jotta saisimme kaksisuuntaisen datan sidonnan, toisin kuin muut kehykset. Yksisuuntainen tiedonsiirto tarkoittaa, että muuttuja on vain sidottu DOM: iin. Toisaalta kaksisuuntainen tarkoittaa, että muuttuja on sidottu myös DOM: sta. Kun DOM muuttuu, muuttuja muuttuu myös. Joten katsotaanpa molemmat datan sidonnat ja nähdään oikea ero.
Yksisuuntainen tietojen sitominen
Jos haluamme sitoa minkä tahansa muuttujan, voimme yksinkertaisesti käyttää Vue: ta.js: n kaksinkertaiset kiharat aaltosyntaksit tai ”Viikset” -syntaksi sitovat minkä tahansa muuttujan suhteellisesta komponenttimerkinnästä.
linuxhintText
Tai jos haluamme sitoa minkä tahansa muuttujan HTML-määritteeseen, voimme käyttää v-sidos direktiivi.
Vue.js tarjoaa myös lyhenteen muuttujien sitomiseen HTML-määritteessä. Kirjoituksen sijaan v-bind: määritteen nimi, voimme käyttää vain kaksoispistettä “:” ja attribuutin nimeä.
Mutta nämä ovat vain datan sidontoja. Kaksisuuntaisen tietojen sitomisen osoittamiseksi voimme käyttää v-malli Vue tarjoaa.js.
Kaksisuuntainen / reaktiivinen tietojen sidonta
Reaktiivisen datan sitoutumisen osoittamiseksi voimme käyttää v-malli direktiivi syöttölomakekenttään. Se lähettää sisäisesti tapahtuman ja muuttaa muuttujaa. Mihin voimme sitoa jonnekin muualle mallissa käyttämällä kaksoiskiharoita tai "Viikset" -syntaksi.
Kirjoitat: linuxhintText
Nyt kun kirjoitamme merkin syöttölomakekenttään, voimme nähdä, että muuttuja päivittyy myös samanaikaisesti.
Käärimistä
Tässä artikkelissa olemme oppineet sitomaan muuttujia Vuessa.js käyttämällä kaksinkertaisia kiharaisia aaltosulkeita tai ”Viikset” -syntaksia. Olemme myös osoittaneet Vue: n kaksisuuntaisen / reaktiivisen datan sitomisen.js käyttäen v-mallidirektiiviä. Tämän artikkelin lukemisen jälkeen tietojen sitominen ei ole enää vaikea tehtävä aloittelijalle, joka on juuri saanut alun Vuen kanssa.js. Joten jatka oppimalla Vue-käsitteitä.js linuxhintin kanssa.com. Kiitos!