写一段vue3组件的typeScript代码：定义了一个响应式变量 userListData，用来存储用户列表数据。定义了一个异步函数 handleAddUser，它会在点击添加用户按钮时被触发。通过调用 getUserListSelect 函数获取用户列表数据。遍历用户列表数据，并将每个用户的 contact_alias 和 contact_name 存储到 userListData 变量中。

可以参考下面的代码实现：

<template>
  <div>
    <button @click="handleAddUser">添加用户</button>
    <ul>
      <li v-for="user in userListData" :key="user.key">
        {{ user.label }} - {{ user.name }}
      </li>
    </ul>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import { getUserListSelect } from '@/api/user';

export default defineComponent({
  name: 'UserList',
  setup() {
    const userListData = ref([]);

    const handleAddUser = async () => {
      const res = await getUserListSelect();
      res.data.forEach((user: any, index: number) => {
        userListData.value.push({
          key: index,
          label: user.contact_alias,
          name: user.contact_name,
        });
      });
    };

    return {
      userListData,
      handleAddUser,
    };
  },
});
</script>

这段代码定义了一个名为 `UserList` 的 Vue 3 组件，并在 `setup` 函数中定义了响应式变量 `userListData` 和异步函数 `handleAddUser`。在 `handleAddUser` 函数中，通过调用 `getUserListSelect` 函数获取用户列表数据，并使用 `forEach` 方法遍历每个用户，将其 `contact_alias` 和 `contact_name` 存储到 `userListData` 变量中。

在模板中，我们可以通过 `v-for` 指令遍历 `userListData` 变量，并显示每个用户的 `contact_alias` 和 `contact_name`。