在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>
如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。