请描述Vue常用的修饰符 ？

Vue.js 提供了许多修饰符，这些修饰符可以用来改变事件监听器的行为。以下是一些 Vue.js 中常用的修饰符：

1. .stop：阻止事件冒泡。例如，当在子元素上触发点击事件时，如果你不希望这个事件冒泡到父元素，你可以使用 .stop 修饰符。

<div @click="doThis">
  <button @click.stop="doThat">Stop Propagation</button>
</div>

2. .prevent：阻止默认事件行为。例如，如果你不希望表单提交后页面跳转，你可以使用 .prevent 修饰符。

<form @submit.prevent="onSubmit">
  <!-- form fields -->
  <button type="submit">Submit</button>
</form>

3. .capture：使用事件捕获模式，即事件监听器会先在此元素本身运行，然后才交由子元素运行。

<div @click.capture="doThis">
  <!-- child elements -->
</div>

4. .self：只当事件在该元素本身（而不是子元素）触发时触发回调。

<div @click.self="doThat">
  <!-- child elements -->
</div>

5. .once：事件将只会触发一次。

<button @click.once="doThis">Click me once</button>

6. .passive：告诉浏览器你不想阻止事件的默认行为。

<div @scroll.passive="onScroll">Scroll me</div>

注意，修饰符可以串联使用，例如 @click.stop.prevent="doThat"。

这些修饰符对于精确控制事件的行为非常有用，可以帮助你写出更优雅、更易于维护的代码。