vue中capture和self的区别

.capture先执行父级的函数，再执行子级的触发函数

<div v-on:click.capture='alert("1")' style="width: 100%;height:45px;">
  <div v-on:click="alert('2')" style='width: 80%;margin-left: 10%;'>
    123
  </div>
</div>

此时点击子级的div时，会先执行alert(‘1’),再执行alert(‘2’)
self是只执行子级本身的函数

<div v-on:click.self='alert("1")' style="width: 100%;height: 45px;">
  <div v-on:click="alert('2')" style='width: 80%;margin-left: 10%;'>
    123
  </div>
</div>

此时点击子级的div会执行alert(‘2’)，不会执行alert(‘1’)