vue3 + ts报错不能将类型“($event: any) => void”分配给类型“MouseEvent”。

这个问题通常是因为在 Vue 3.x 中，事件绑定语法变化了，需要使用 `v-on:` 或者简写 `@` 来绑定事件，并且事件处理函数的参数类型需要和事件类型保持一致。

例如，如果你想给一个按钮绑定点击事件，代码应该如下：

<template>
  <button @click="handleClick">Click Me</button>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    handleClick(event: MouseEvent) { // 参数类型要与事件类型保持一致
      // do something
    }
  }
})
</script>

需要注意的是，在 Vue 3.x 中，事件绑定语法变成了动态绑定，因此不能直接在模板中写函数调用。如果想要调用一个函数，需要在函数名后面加上括号来调用。

例如，下面的代码是错误的：

<template>
  <button @click="handleClick()">Click Me</button>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    handleClick(event: MouseEvent) {
      // do something
    }
  }
})
</script>

正确的写法应该是这样的：

<template>
  <button @click="handleClick">Click Me</button>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    handleClick(event: MouseEvent) {
      // do something
    }
  }
})
</script>

希望这个回答能够帮到你。