如何默认对vuesax表组件数据进行降序排序？

data() {
  return {
    tableData: [
      { name: 'John', age: 25 },
      { name: 'Alice', age: 30 },
      { name: 'Bob', age: 20 }
    ]
  }
}

mounted() {
  this.tableData.sort((a, b) => b.age - a.age);
}

<vs-table :data="tableData">
  <template slot="thead">
    <vs-th sort-key="age">Age</vs-th>
    <vs-th sort-key="name">Name</vs-th>
  </template>
  <template slot-scope="{data}">
    <vs-tr :data="data" v-for="item in data" :key="item.name">
      <vs-td>{{ item.age }}</vs-td>
      <vs-td>{{ item.name }}</vs-td>
    </vs-tr>
  </template>
</vs-table>