Vuejs Directives

Vuejs-directives.js

//Element inserted/removed based on truthiness:
<p v-if="inStock">{{ product }}</p>

<p v-else-if="onSale">...</p>
<p v-else>...</p>

//Toggles the display: none CSS property:
<p v-show="showProductDetails">...</p>

//Two-way data binding:
<input v-model="firstName" >
  
//Sync input after change event
v-model.lazy="..."

// Always returns a number
v-model.number="..."

//Strips whitespace
v-model.trim="..."