vuejs v on

1// with v=bind
2 <p><a v-bind:href="website">Text goes here fo the link </a> </p> 
3
4//or with :
5 <p><a :href="website">Text goes here fo the link </a> </p>
6
7//website is variable/property with link in a Vue instance

1<ul>
2  <li v-for="(item, index) in items">
3    {{ index }} - {{ item }}
4  </li>
5</ul>

1<div v-on:javascriptEvent = "method"></div>
2
3<!-- v-on:click <=> @click -->

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

1new Vue({
2  el: '#example-3',
3  methods: {
4    say: function (message) {
5      alert(message)
6    }
7  }
8})