關於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