1.v-on:submit
<body><script type="text/javascript" src="js/vue.js" ></script><div id="app"><!--作者:offline时间:2018-02-25描述:“v-on:” 简写 @--><form action="index.html" @submit.prevent="submitfuntion" ><button type="submit">submit</button></form></div><script type="text/javascript">var app =new Vue({el:'#app',data:{message:'hello vue!'},methods:{submitfuntion:function(e){alert("submit");//e.preventDefault(); 与 v-on:submit.prevent的作用相同}}})</script></body>
2.v-on:click
<body><script type="text/javascript" src="js/vue.js" ></script><div id="app"><!--作者:offline时间:2018-02-25描述:1.clickfunction可以加入方法2.方法比较简单,可以将代码直接写在后面--><button type="button" v-on:click="count++">submit{
{count}}</button></div><script type="text/javascript">var app =new Vue({el:'#app',data:{count:0},methods:{submitfuntion:function(e){alert("submit");//e.preventDefault(); 与 v-on:submit.prevent的作用相同},/*clickfunction:function(){this.count++;}*/}})</script></body>