vue3获取事件源

需求分析

在项目开发的时候可能会有一些奇奇怪怪的需求，在原生js获取事件源（就是这个事件的调用者）非常简单，直接在事件函数里面通过this调用，但是在vue3中，不能随便用this了，所以我们需要换一种方式来调用事件源头

解决问题

TypeScript中的as用于类型断言，作用是将一个值显式地指定为一个类型。通常情况下，TypeScript能根据上下文自动推断类型，但有时需要对一个值进行类型转换，例如在处理某些JavaScript库的API时。

在类型断言中，可以使用as关键字或尖括号（<>）语法来表示。例如：

const str: any = "123";
const num1: number = str as number; // 使用as关键字
const num2: number = <number>str;  // 使用尖括号语法

在上面的代码中，使用as关键字或尖括号语法将any类型的变量str转换为number类型的变量num1和num2。

需要注意的是，类型断言并不会真正地改变变量的类型，而只是告诉TypeScript编译器这个变量的类型是什么，如果类型不匹配则会产生编译时错误。因此，在使用类型断言时需要小心，确保类型之间的兼容性。

获取事件源实例代码如下

function item(event: MouseEvent){
    // 获取调用者的dom元素
       const target = event.target as HTMLElement  
    //    ........
    //    ........
    //    ........
    //    ........

   }