Kif tgħodd klassi u stilar b'mod dinamiku f'Vue?

Question

Accepted Answer

Vue tagħti `:class` u `:style` **sintassi speċjali ta' oġġett u firqat** sabiex tista' tapplika klassi u stilar inclużi b'mod kundizzjonali bbażat fuq l-istat reattiv — anqas nqas milli tibni strinċ tal-klassi b'idejk. ## Sintassi tal-oġġett għal :class — ibdel il-klassi skond il-kundizzjoni ```vue ``` Kull ċavetta hija isem tal-klassi u kull valur hija kundizzjoni booleana — il-klassi tidher biss meta l-valur tagħha jkun truthy. Din hija l-iktar mudell komuni għal stiling imwaqqaf mill-istat (tabs attivi, stati ta' żball, eċċ.). ## Sintassi tal-firqat għal :class — ikkombina marċiped ```vue ``` ## :class jingħaqad mal-attrubut tal-klassi statiku ```vue

...

``` Tista' tuża kemm `class` kif ukoll `:class` flimkien; Vue jingħaqadhom. ## Sintassi tal-oġġett/firqat għal :style ```vue ``` ## Ghaksa tal-klassi fuq il-komponenti ```vue ``` ## Għaliex huwa importanti L-ghaksa dinamiku tal-klassi/stil hija xogħol ta' kuljum f'Vue — li tenfasizza l-elemento tan-navigazzjoni attiv, turi l-iżbalji tal-validazzjoni, tema. Is-sintassi tal-oġġett (`{ className: condition }`) jagħmel l-istil kundizzjonali dikjaratorju u faċli biex jitqiegħed, u tevita l-concatenazzjoni tal-string b'idejk li hija esposta għal żbalji. Il-għarfien li `:class` jingħaqad mal-`class` statiku, u l-forma tal-firqat biex jingħaqdu s-sorsi, jkollu praktikament l-istħarriġ ta' l-istil kundizzjonali kollha b'mod naqI.