V-bind

Vue inline style bind

<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>

Source: vuejs.org

Vue class binding

<div v-bind:class="{ active: isActive }"></div>

V-bind

<div v-bind:class="{ active: isActive }"></div>
The above syntax means the presence of the active class will be determined by the truthiness of the data property isActive.

Similar codes

49 votes196 views4 answers
Html start code
Html
1 vote211 views1 answer
How to make a telephone button in html
Html
2 votes193 views2 answers
Data-target hamburger bootstrap
Html
0 vote291 views2 answers
How to print hello world in html
Html
13 votes198 views7 answers
Animate.css
Html
1 vote204 views1 answer
Alternative image in img tag
Html
0 vote179 views1 answer
Email verification template html
Html
41 votes187 views6 answers
Jquery append html
Html
-1 vote219 views1 answer
Remove html between 2 tags javas
Html
12 votes212 views3 answers
How to make images load as you scroll down
Html