使用vue写一个将list按照id排序的代码

好的，以下是一个使用Vue框架的list按照id排序的示例代码：

<template>
  <div>
    <button @click="sortById">Sort By ID</button> <!-- 点击按钮按照id排序 -->
    <ul>
      <li v-for="item in sortedList" :key="item.id">
        {{ item.title }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 3, title: "Item C" },
        { id: 1, title: "Item A" },
        { id: 2, title: "Item B" }
      ]
    };
  },
  computed: {
    sortedList() {
      return this.list.sort((a, b) => a.id - b.id); // 使用sort方法进行排序
    }
  },
  methods: {
    sortById() {
      this.list.sort((a, b) => a.id - b.id); // 点击按钮按照id排序
    }
  }
};
</script>

这个示例代码将list按照id排序，使用了Vue框架的computed属性进行排序。同时，还提供了一个方法，用于点击按钮按照id排序。