Mit csinál a v-bind?

Question

Accepted Answer

A `v-bind` dinamikusan összeköt egy **HTML attribútumot** (vagy komponens prop-ot) egy JavaScript kifejezéssel, így az attribútum reaktívan frissül, amikor az adatok megváltoznak. A rövidítése egyszerűen `:`. ```vue ``` A `:src="imageUrl"` és `src="imageUrl"` közötti különbség döntő: a `:` nélkül ez egy szoros karakterlánc; vele, a Vue kiértékeli a kifejezést. ## Osztályok és stílusok kötése (speciális kezelés) ```vue ``` A Vue speciális objektum/tömb szintaxist ad a `:class` és `:style` számára, hogy feltételesen alkalmazz osztályokat és beépített stílusokat. ## Az attribútumok teljes objektumának kötése ```vue ``` A `v-bind` argumentum nélkül egy objektum kulcsait több attribútumként terjeszt ki — hasznos a sok prop egyszerre történő átadásához. ## Props átadása komponenteknek ```vue ``` Ez a `:prop` szintaxis adatokat továbbít a gyermek komponenseknek (nem csak DOM attribútumoknak). ## Miért fontos A `v-bind` (`:`) az a módszer, amellyel az attribútumokat és prop-okat **dinamikusá és reaktívvá** teszi — a `{{ }}` megfelelője a tartalomhoz. Állandóan használják: `src`/`href`/`disabled` kötése, feltételes `:class`/`:style`, és prop-ok átadása komponenteknek. Az osztály/stílus objektum/tömb szintaxisainak és az objektum-szétterítési formának az ismerete szinte az összes attribútum-kötési igényt lefedi.