directives and iteration

 v-if

v-else-if

v-else

v-show

twi way data binding

v-model="firstname"

v-model.lazy

v-model.number

v-model.trim

<li v-for="itemi n items" :key="item.id">

{{ item }}

</li>

binding

v-bind:href="url"

true or false will add or remove attribute

<button :disabled="isbuttondisabled">

if isactive is truthy, the class active will appear

<div :class="{actuve :isActive}"

style color set to value of active color

:style="{color:activecolor}"

action or events

<button v-on:click="addtocart">

if we need to pass arguments

<button @click="addtocart(product)">

Argumen