Vue.js je tako enostavna za učenje in dostopna knjižnica. Tako lahko z znanjem HTML-ja, CSS-ja in Javascripta začnemo graditi spletne aplikacije v Vueju.js. Vue.js je zgrajen tako, da združuje najboljše funkcije že obstoječih ogrodja Angular and response.
Vezava podatkov je ena najbolj elegantnih lastnosti Vue.js, ker zagotavlja reaktivno / dvosmerno vezavo podatkov. V Vueju.js, za dvosmerno vezavo podatkov nam ni treba pisati veliko vrstic, za razliko od drugih okvirov. Enosmerna vezava podatkov pomeni, da je spremenljivka pravkar vezana na DOM. Po drugi strani dvosmernost pomeni, da je spremenljivka vezana tudi na DOM. Ko se DOM spremeni, se spremeni tudi spremenljivka. Poglejmo si torej obe vezavi podatkov in poglejmo pravo razliko.
Enosmerna vezava podatkov
Če želimo vezati katero koli spremenljivko, lahko preprosto uporabimo Vue.js sintaksa dvojnih zavitih oklepajev ali sintaksa “Mustache” za vezavo katere koli spremenljivke iz primerka primerne komponente.
linuxhintText
Če pa želimo v atribut HTML vezati katero koli spremenljivko, lahko uporabimo datoteko v-bind direktive.
Vue.js ponuja tudi okrajšavo za vezavo spremenljivk v atributu HTML. Namesto pisanja v-bind: ime-atributa, lahko uporabimo samo dvopičje »:« in ime atributa.
A to so le vezave podatkov. Za prikaz dvosmerne vezave podatkov lahko uporabimo datoteko v-model direktivo, ki jo zagotavlja Vue.js.
Dvosmerna / reaktivna vezava podatkov
Za prikaz reaktivne vezave podatkov lahko uporabimo v-model direktive na polju vnosnega obrazca. Interno bo oddajal dogodek in spreminjal spremenljivko. Na katero se lahko vežemo nekje drugje v predlogi z dvojnimi zavitimi oklepaji ali sintakso "Mustache".
Vtipkate: linuxhintText
Zdaj, kadar koli vnesemo znak v polje za vnos obrazca, lahko vidimo, da se spremenljivka hkrati posodablja.
Zavijanje
V tem članku smo se naučili, kako v Vue vezati spremenljivke.js z dvojnimi zavitimi oklepaji ali sintakso "Mustache". V Vueju smo prikazali tudi dvosmerno / reaktivno vezavo podatkov.js z uporabo direktive v-model. Po branju tega članka vezava podatkov ni več težka naloga za začetnike, ki so šele začeli uporabljati Vue.js. Torej, nadaljujte z učenjem konceptov Vue.js z linuxhint.com. Hvala vam!