vue3中阻止事件冒泡

在Vue 3中，你可以使用`@click.stop`指令来阻止事件冒泡。例如：

<template>
  <div @click="parentClick">
    <button @click.stop="childClick">Child Button</button>
  </div>
</template>

<script>
export default {
  methods: {
    parentClick() {
      console.log('Parent clicked');
    },
    childClick() {
      console.log('Child clicked');
    },
  },
};
</script>

在上面的例子中，当你点击"Child Button"时，只会打印出"Child clicked"，而不会触发"Parent clicked"。`@click.stop`指令会阻止事件继续向上传播到父元素。