vue學習(四) v-on:事件綁定

//html
<div id="app">
　　<input type="button" value="ok" v-bind:title="msg" v-on:click="show" />
　　<input type="button" value="OK" :title="msg" @click="show" />//對應的v-bind和v-on的簡寫
</div>
//script
<script>
　　var vm = new Vue({
　　　　el:'app',
　　　　data:{
　　　　　　msg:'點擊一下'
　　　　},
　　　　methods:{//methods中定義了當前vue實例中全部可用的方法
　　　　　　show:function(){
　　　　　　　　alert('hello')
　　　　　　}
　　　　}
　　})
</script>

說明：

v-on是用來綁定事件的,click還能夠換成mouseover，dbclick，mouseon等瀏覽器端常見的事件機制

v-on的縮寫是@