Vue.A js olyan könnyen megtanulható és megközelíthető könyvtár. Tehát a HTML, a CSS és a Javascript ismeretében elkezdhetjük webalkalmazások építését a Vue-ban.js. Vue.A js úgy épül fel, hogy egyesíti a már meglévő szög- és reakciókeret legjobb tulajdonságait.
Az adatkötés a Vue egyik legelegánsabb jellemzője.js, mert ez biztosítja a reaktív / kétirányú adatkötést. Vue-ban.js, nem kell sok sort írnunk ahhoz, hogy kétirányú adatkötés legyen, ellentétben más keretrendszerekkel. Az egyirányú adatkötés azt jelenti, hogy a változó csak a DOM-hoz van kötve. Másrészt a kétirányú azt jelenti, hogy a változó a DOM-ból is meg van kötve. Amikor a DOM megváltozik, a változó is megváltozik. Vessünk egy pillantást mindkét adatkötésre, és lássuk a megfelelő különbséget.
Egyirányú adatkötés
Ha bármilyen változót meg akarunk kötni, akkor egyszerűen használhatjuk a Vue-t.js kettős göndör zárójeles szintaxisa vagy „Bajusz” szintaxisa a relatív komponenspéldány bármelyik változójának megkötésére.
linuxhintText
Vagy ha bármilyen változót be akarunk kötni egy HTML attribútumba, használhatjuk a v-kötés irányelv.
Vue.A js megadja a változók megkötésének rövidítését is egy HTML attribútumban. Írás helyett v-bind: attribútum-név, csak kettőspontot használhatunk:: és attribútumnévvel.
De ezek csak adatkötések. A kétirányú adatkötés bemutatásához használhatjuk a v-modell a Vue által biztosított irányelv.js.
Kétirányú / reaktív adatkötés
A reaktív adatkötés bemutatásához használhatjuk a v-modell irányelv a beviteli űrlapmezőn. Belsőleg kibocsát egy eseményt és megváltoztatja a változót. Amihez a sablon valahol másutt kötődhetünk, kettős göndör zárójel vagy „Bajusz” szintaxis segítségével.
Gépel: linuxhintText
Most, amikor beírunk egy karaktert a beviteli űrlap mezőbe, láthatjuk, hogy a változó egyidejűleg frissül is.
Csomagolás
Ebben a cikkben megtanultuk a változók kötését a Vue-ban.js kettős göndör zárójel vagy „Bajusz” szintaxis használatával. Bemutattuk a Vue kétirányú / reaktív adatkötését is.js a v-modell irányelv használatával. A cikk elolvasása után az adatkötés már nem nehéz feladat egy kezdő számára, aki most kezdte el a Vue-t.js. Tehát, tanulja tovább a Vue fogalmait.js linuxhint-nel.com. Köszönöm!