1. 程式人生 > >vue v-on:事件

vue v-on:事件

OS html fun .html blog 代碼 span on() pos

1.js代碼

var box=new Vue({
    el:.box,
    data:{
        msg:hello   
    },
    methods:{                 /*方法放置區,函數*/
        show:function(){    //定義一個show方法
            alert(1);
        }
    }
})

2.html代碼

<input class="box" type="button" value="按鈕" v-on:click="show();"/>  

註解:1.點擊事件的綁定

   2.鼠標移動事件的綁定:v-on:mouseover

   3.其他事件類似:v-on:mousemove ......

   4.v-on:可以簡寫成@

    v-on:click="   等同   @click=‘‘

vue v-on:事件