vue事件如何阻止冒泡，如何阻止默认事件

在Vue中，可以通过事件修饰符来阻止事件冒泡和阻止默认事件。

1. 阻止事件冒泡

使用事件修饰符`.stop`可以阻止事件冒泡。例如：

<div @click.stop="handleClick">点击我</div>

在上面的例子中，当点击`<div>`元素时，`handleClick`方法会被执行，但是事件不会继续冒泡到父元素。

2. 阻止默认事件

使用事件修饰符`.prevent`可以阻止事件的默认行为。例如：

<form @submit.prevent="handleSubmit">
  <button type="submit">提交</button>
</form>

在上面的例子中，当点击`<button>`元素时，会触发`<form>`元素的`submit`事件，但是这个事件的默认行为会被阻止，即页面不会重新加载。

除了`.stop`和`.prevent`，还有其他的事件修饰符可用，例如`.capture`（添加事件侦听器时使用事件捕获模式）和`.self`（只当事件在该元素本身（而不是子元素）触发时触发回调）等等。