2021-03-04

vue @click.stop @click.native @click.prevent @click.self区别 2021-3-4

1.@click.stop 仅触发某事件。例如app标签有一个click事件会打印app，app内有个子标签child，child有个click事件触发会打印child。此时点击child标签会打印child，接着打印app。但是如果把child上的click事件变成click.stop。那么接着点击child标签则只会打印child，不会打印app

2.@click.native 是给组件绑定原生事件。例如标签如果添加了点击事件，那么是不会触发点击事件，使用native则可以触发

3.@click.prevent 阻止默认事件的发生。比如a标签会跳转，加上prevent，则不会执行跳转。比如submit会提交。加上prevent，则只会触发click不会提交。

4.@click.self事件不从内部触发。例如app标签包含child标签。app和child各有一个click事件，会打印app/child。那么点击child会打印child然后打印app。此时给app的点击事件加上self，则再次点击child只会打印child