Vue事件绑定指令 v-on

vue提供了v-on事件绑定指令来为Dom元素绑定事件监听，原生的Dom元素有 onclicck，oninput，onkeyup，把它们替换为vue形式的格式是v-on：click，v-on：input，v-on：keyup。

例如给button按钮绑定一个点击事件

<div id="app">

<h1>count的值为：{{count}}</h1>

<button v-on:click="apple">+1</button>v-on:click是事件名称等于apple事件处理函数名称

</div>

通过 v-on绑定的事件处理函数要在methods中节点中声明

js:

const vm = new Vue // vm实例对象

el:"#app",

data:{count=0},

methods:{

apple(){ //事件函数处理名

this += 1 //this 表示当前new出来的vm实例对象，可以访问到data中的数据

}

}

//用户在点击button按钮时，触发apple事件名，又通过this访问到data里的count数据，count自增+1

——————————————————————————————————如有雷同，纯属巧合，最终解释权归本账号所有！