Почему не работает стандартная передача id элемента?

Почему в vue3 нельзя передать свой id как это обычно делается в js?

<script>
    export default {
        name: 'App',
        data() {
          }
    },
    methods:{
      show: function(id){
      console.log(id)
    }
</script>
<template>
  <button id="hi" @click="show(this.id)">Привет</button>
</template>

p.s. на просторах интернета нашёл один рабочий способ, но он выглядит коряво и странно

<script>
        export default {
            name: 'App',
            data() {
              }
        },
        methods:{
          show: function(event){
          console.log(event.currentTarget.id)
        }
    </script>
    <template>
      <button id="hi" @click="show($event)">Привет</button>
    </template>


Ответы (0 шт):