vue3事件形参定义类型

html

<input type="text" @change="changeInput">
<p @click="showInfo(33)">点击输出33</p>
<button @click="logInfo">点击</button>    

js

//给形参定义类型event
const changeInput = (e: Event) => {
  // 通过类型断言指定更加具体的类型
  const vlaue = (e.target as HTMLInputElement).value
  console.log(vlaue);

}
//有指定的传参就给到相应的类型
const showInfo = (str: number) => {
  console.log(str);

}
const logInfo = (e: Event) => {
  console.log((e.target as HTMLButtonElement).innerHTML);

}