有没有vue3的写法

是的，Vue 3 中的写法与 Vue 2 有所不同。下面是使用 Vue 3 的 Composition API 来设置 el-tab 的点击事件的示例：

1. 首先，确保你已经安装了 Vue 3 和 Element Plus（Element UI 的升级版）：

npm install vue@next
npm install element-plus

2. 在你的组件中引入 el-tab 组件和相关依赖：

import { ref } from 'vue';
import { ElTabs, ElTabPane } from 'element-plus';

3. 在模板中使用 el-tabs 和 el-tab 组件，并绑定点击事件：

<template>
  <el-tabs @tab-click="handleTabClick">
    <el-tab-pane label="Tab 1">Content of Tab 1</el-tab-pane>
    <el-tab-pane label="Tab 2">Content of Tab 2</el-tab-pane>
  </el-tabs>
</template>

4. 在组件的 setup 函数中定义 handleTabClick 方法来处理点击事件：

<script>
export default {
  setup() {
    const handleTabClick = (tab) => {
      console.log('Tab clicked:', tab.label);
      // 在这里可以执行你想要的操作
    };

    return {
      handleTabClick,
    };
  },
}
</script>

通过以上代码，在 Vue 3 中，我们使用了 `ref` 来创建响应式的变量，并在 `setup` 函数中定义了 `handleTabClick` 方法来处理点击事件。注意，在 Vue 3 中，我们不再使用 `methods`，而是直接在 `setup` 函数中定义方法并返回它们。