009.Vue3入門，事件修飾符的使用方法

1、程式碼如下：

<template>
  <h3>事件修飾符</h3>
  <a @click.prevent="clickHandle" href="http://www.baidu.com">百度</a>
  <div @click="click1"><p @click="click2">測試1</p></div>
  <div @click="click1"><p @click.stop="click2">測試2</p></div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    clickHandle(e) {
      console.log("點選了！");
      console.log(e);
    },
    click1() {
      console.log("外標籤點選");
    },
    click2() {
      console.log("內標籤點選");
    }
  }
}
</script>

2、測試如下