vue事件绑定方式有哪些

在vue中实现事件绑定的方式有：1.通过v-on指令绑定；2.使用methods方法绑定；3.通过v-show指令绑定；

在vue中实现事件绑定的方式有以下几种

1.通过v-on指令绑定事件

window.onload=function(){
varc=newVue({
el:'body',
methods:{
say:function(){
alert('事件绑定');
}
}
});
}
<inputtype="button"value="点我"v-on:click="say();"/>

2.使用methods方法绑定事件

window.onload=function(){
varc=newVue({
el:'body',
data:{
arr:[10,20,30]
},
methods:{
change:function(){
this.arr.push(40);
}
}
});
}
<inputtype="button"value="点我"v-on:dblclick="change();"/>
<ulid="box">
<liv-for="valueinarr">{{value}}</li>
</ul>

3.通过v-show指令绑定事件

<style>
div{
width:200px;
height:200px;
background:red;
float:left;
margin:20px;
}
</style>
<scriptsrc="../js/vue.js"></script>
<script>
window.onload=function(){
varc=newVue({
el:'body',
});
}
</script>
<divv-show="true"></div>
<divv-show="true"></div>
<divv-show="false"></div>