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





No comments:

Post a Comment

Event listening in react

 How we can listen to som eevents some envents fire like click or automatically user enters into input button , that is event on word type i...