Vuejs v-on

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

Vuejs v-on

<div v-on:javascriptEvent = "method"></div>

<!-- v-on:click <=> @click -->

V-for

<ul>
  <li v-for="(item, index) in items">
    {{ index }} - {{ item }}
  </li>
</ul>

Event vueks

<div id="example-3">
  <button v-on:click="say('salut')">Dire salut</button>
  <button v-on:click="say('quoi')">Dire quoi</button>
</div>

Source: fr.vuejs.org

Event vueks

new Vue({
  el: '#example-3',
  methods: {
    say: function (message) {
      alert(message)
    }
  }
})

Source: fr.vuejs.org

Similar codes

0 vote314 views1 answer
Branch icon font awesome
Html
1 vote327 views4 answers
Html prevent submit from reloading page
Html
0 vote384 views1 answer
Pug meta viewport
Html
0 vote284 views1 answer
Html domain
Html
63 votes303 views4 answers
Html form tag
Html
70 votes291 views3 answers
Fontawesome link
Html
33 votes320 views5 answers
Input type file accept only images
Html
0 vote299 views1 answer
Html input time only hours and minutes
Html
0 vote298 views1 answer
Html h1 left align
Html
27 votes300 views6 answers
Html align text center
Html