vue学习——v-on:

Posted 2021-11-26 xuchao0506

//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的缩写是@