事件三要素:
事件目标,事件处理程序,事件对象
事件流:
默认情况下,先进行事件捕获(从外到内读取),然后进行事件冒泡(从内向外执行)
事件绑定:
1)直接操作变量
<body>
<div id="app">
{
{num}}
<button v-on:click='num++'>num</button>
</div>
<script>
new Vue({
el:'#app',
data:{
name:'lisi',
num:0
},
methods:{}
})
</script>
</body>
![](http://120.27.222.121/wp-content/uploads/2020/11/图片-14.png)
2)调用一个函数
<body>
<div id="app">
{
{num}}
<button v-on:click='handler'>num</button>
</div>
<script>
// app实例对象能够获取和操作 data/methods中的实例变量
var app=new Vue({
el:'#app',
data:{
name:'lisi',