VueJS inputok és adatkötés + Debuggolás

Az adatkötés a lelkek az összes modert rendszernek. Van .NET -ben is, JAVA -ban is megtalálható és most nézzük meg, hogy a Vue.js hogyan oldja meg a dolgot.

Videós magyarázat


Forráskód a Github -on:

Github repo

Szöveges segítség

Az adatkötéshez egy Vue.js direktíva kell, a neve: v-model.

<input v-model="newItem" type="text" placeholder="Add an item">

A mai leírás igen rövid lesz, merthogy ennyi az egész. Ha módosul a newItem változó, mondjuk jön a szerverről valamilyen adat, akkor módosulni fog az input értéke is. És visszafelé is igaz a dolog, ha módosítod manuálisan az input értékét, akkor a változó értéke is megváltozik.

Folytatása következik ...

Vue.js Listák Vue.js Events