Kako dinamično vezuješ razrede in sloge v Vue?

Question

Accepted Answer

Vue daje `:class` in `:style` posebno **sintakso objekta in niza**, tako da pogojno nanašaš razrede in vstavne sloge na podlagi reaktivnega stanja — čisteje kot ročno sestavljanje nizov razredov. ## Sintaksa objekta za :class — preklop razredov po pogoju ```vue ``` Vsak ključ je ime razreda in vsaka vrednost je boolova pogoj — razred se pojavi le, ko je njegova vrednost resnična. To je najpogostejši vzorec za oblikovanje, ki ga vodi stanje (aktivni zavihki, stanja napak itd.). ## Sintaksa niza za :class — kombiniranje večih ```vue ``` ## :class se združuje s statičnim atributom class ```vue

...

``` Zdaj lahko uporabiš `class` in `:class` skupaj; Vue ju združi. ## Sintaksa objekta/niza za :style ```vue ``` ## Vezanje razredov na komponente ```vue ``` ## Zakaj je to važno Dinamično vezanje razredov/slogov je vsakodnevno delo v Vue — poudarjanje aktivnega elementa navigacije, prikaz napak pri preverjanju, tematizacija. Sintaksa objekta (`{ className: condition }`) naredi pogojno oblikovanje deklarativno in berljivo, pri čemer se izognemo nevarni ročni spojitvi nizov. Znanje, da se `:class` združuje s statičnim `class` in oblika niza za kombiniranje virov, pokriva praktično vse potrebe pogojnega oblikovanja čisto in elegantno.