v-bind vuejs code example
Example 1: vue conditional class
<div :class="{ 'prop-name': boolVar }"></div>
Example 2: vue js data bind
// with v=bind
<p><a v-bind:href="website">Text goes here fo the link </a> </p>
//or with :
<p><a :href="website">Text goes here fo the link </a> </p>
//website is variable/property with link in a Vue instance
Example 3: vue class binding
<div v-bind:class="[{ active: isActive }, errorClass]"></div>
Example 4: class binding vue
<div class="static"
v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>
Example 5: v- v-bind :
<a v-bind:href="url"> ... </a>
<a :href="url"> ... </a>
<a :[key]="url"> ... </a>
Example 6: 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.