在vue3项目中 已知后端提供数据库查询接口 为/list 现已封装在api文件夹下的score.js文件里 在页面中如何实现score数据表的展示，js用script setup

可以使用Vue3中的Composition API来实现score数据表的展示，具体实现步骤如下：

1. 首先，在页面中引入score.js文件，可以使用import语句进行引入。

2. 在setup函数中使用reactive函数创建一个响应式的score数据对象，使用axios库调用后端提供的/list接口获取score数据，并将数据赋值给score对象。

3. 在template中使用v-for指令遍历score数据，将数据展示在页面中。

示例代码如下：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>id</th>
          <th>name</th>
          <th>score</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in score" :key="item.id">
          <td>{{ item.id }}</td>
          <td>{{ item.name }}</td>
          <td>{{ item.score }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup>
  import { reactive } from 'vue';
  import axios from 'axios';
  import { getList } from '@/api/score.js';

  const score = reactive([]); // 创建响应式的score数据对象

  axios.get(getList).then(res => {
    score = res.data; // 将后端返回的数据赋值给score对象
  });
</script>