用vue3和ts用这个方法怎么用呢

在 Vue 3 中使用 TypeScript 来实现 `cell-class-name` 方法的话，你需要先定义表格数据的类型，然后在 `cellClassName` 方法中使用该类型来获取行数据的类型，并给出返回值的类型注解。

以下是一个使用 Vue 3 和 TypeScript 实现 `cell-class-name` 方法的例子：

<template>
  <el-table :data="tableData" :cell-class-name="cellClassName">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
  </el-table>
</template>

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

interface TableData {
  name: string;
  age: number;
}

export default defineComponent({
  data() {
    return {
      tableData: [
        { name: '张三', age: 16 },
        { name: '李四', age: 25 },
        { name: '王五', age: 35 }
      ]
    };
  },
  methods: {
    cellClassName({ row }: { row: TableData }): string {
      if (row.age < 18) {
        return 'cell-red';
      } else if (row.age >= 18 && row.age < 30) {
        return 'cell-yellow';
      } else {
        return 'cell-green';
      }
    }
  }
});
</script>

在这个例子中，我们首先通过 `interface` 定义了表格数据的类型 `TableData`，然后在组件的 `methods` 中定义了 `cellClassName` 方法，并使用 `{ row: TableData }` 的类型注解来指定 `row` 参数的类型。

注意，由于 `cellClassName` 方法的返回值类型为 `string`，因此我们给它添加了返回值的类型注解。返回值类型注解的写法为 `: string`，表示该方法的返回值类型为 `string`。