Вуе.јс Промени стил

Вуе.јс се користи за изградњу корисничког интерфејса и апликација са једном страницом (СПА). Лако је научити како се користи Вуе.јс и оквир слободе и удобности који је доступан током развијања апликација у овом програму јер има најбоље комбиноване карактеристике Ангулар и РеацтЈС. Због тога је познат по једноставном и чистом кодирању.

Вуе.јс пружа везивање стила помоћу којег можете динамички променити стил. Можете повезати променљиву са атрибутом стиле у било којој ХТМЛ ознаци и променити стил када се промени везана променљива. У овом чланку ћемо погледати како се користи везивање стилова и мењање стила променљивих помоћу вуе.јс.

Увез у стилу

Ин вуе.јс, можемо повезати променљиве са атрибутима стила помоћу в-бинд директива.

Синтакса објекта

Баш као и код уграђеног ЦСС стајлинга, и у Вуеу можемо да радимо линијски стил.јс користећи в-бинд директиву и синтаксу објекта коврчавих заграда. Било коју променљиву можете повезати са атрибутом стиле помоћу следеће скрипте:

И, у ознаци скрипта и подацима:

Такође можемо објект спустити до података и повезати га с атрибутом стиле како би наш ХТМЛ изгледао чишћи на следећи начин:

Сада ћемо променљиву „стилеОбјецт“ везати за атрибут стиле на следећи начин:

Синтакса низа

Вуе.јс такође нуди могућност везивања више променљивих у синтакси низа за једну ХТМЛ ознаку, како следи:

Више вредности

Слично томе, такође можемо дати више вредности користећи синтаксу низа ЦСС својству унутар уграђеног везивања, како следи:

Ово су неки од различитих начина на које можемо користити за везивање променљивих са атрибутом стиле за динамичку промену стила веб странице.

Резиме

Овај чланак обухватио је синтаксу везивања уметнутог стила. Такође сте сазнали о синтакси објекта и синтакси низа које се користе за везивање вредности или променљивих са атрибутима стила у вуе.јс. Ако се овај чланак показао корисним за боље разумевање вредности.јс, слободно наставите да читате на линукхинт.цом за кориснији садржај.