Vue3+ts использует собственное событие клика, чтобы сообщить об ошибке

При разработке vue3 хочу использовать события на нативных html элементах.Хоть и сообщается об ошибке, может запускаться

Версия:

"@types/node": "^18.11.4",
"vue": "^3.2.37",
"typescript": "^4.6.4",

При использовании собственного клика, ввода и других событий для сообщения об ошибках в vue3+ts ситуация выглядит следующим образом:

Vue3 может использовать оба способа определения методов, но все они одинаковы.

 Я не знаю, что это такое, но решение следующее:

Решение состоит в том, чтобы предпочесть первый способ, используя ref для его решения, точно так же, как сначала определить элемент dom, а затем использовать его, ошибки не будет.

<template>
    <div @click="add">点击事件</div>
    <input @input="a"/>
</template>
<script setup lang='ts'>
//可以先把value和ref放到一起
let add = ref().value
add = ()=>{
    console.log(1111);  
}

//也可以定义方法时再使用
let a = ref()
a.value =()=>{
    console.log(222);
}
</script>

Если вы хотите передать параметры, это действительно возможно, как и обычные события.