如何从控制器到vue模板的数据透视表中获取记录

const records = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'Bob', age: 35 }
];

app.get('/data', (req, res) => {
  res.json(records);
});

<template>
  <div>
    <pivot-table :data="records" :columns="columns"></pivot-table>
  </div>
</template>

<script>
import PivotTable from 'pivot-table-library';

export default {
  data() {
    return {
      records: [],
      columns: [
        { name: 'id', title: 'ID' },
        { name: 'name', title: 'Name' },
        { name: 'age', title: 'Age' }
      ]
    };
  },
  mounted() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      // 使用AJAX或其他方式从控制器获取数据
      // 这里假设使用axios库发送GET请求
      axios.get('/data')
        .then(response => {
          this.records = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  },
  components: {
    PivotTable
  }
};
</script>