关于click.prevent.self和click.self.prevent

前言

官网关于修饰符的注意事项

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。 因此，用 v-on:click.prevent.self 会阻止所有的点击， 而
v-on:click.self.prevent 只会阻止对元素自身的点击。

相关于是嵌套的关系

例子

https://jsfiddle.net/frank460/tok7xf51/5/

<p>
demo 1 v-on:click.self.prevent 点p标签会跳转
</p>
<a href="https://vuejs.org/" v-on:click.self.prevent target="_blank">Open Vue
  <p>Click me now</p>
</a>

<p>
demo 2 v-on:click.prevent.self 都不跳转
</p>
<a href="https://vuejs.org/" v-on:click.prevent.self target="_blank">Open Vue
  <p>Click me now</p>
</a>

来源

11. Listening to DOM events and Event modifiers