写一个vue2的curd模板

好的，下面是一个 Vue.js 2 的 CURD 模板的示例：

<template>
  <div>
    <table>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Actions</th>
      </tr>
      <tr v-for="item in items" :key="item.id">
        <td>{{ item.id }}</td>
        <td>{{ item.name }}</td>
        <td>
          <button @click="editItem(item)">Edit</button>
          <button @click="deleteItem(item)">Delete</button>
        </td>
      </tr>
    </table>
    <form @submit.prevent="saveItem">
      <label>
        Name:
        <input v-model="currentItem.name" />
      </label>
      <button type="submit">Save</button>
      <button type="button" @click="resetForm">Cancel</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [],
      currentItem: {}
    }
  },
  methods: {
    async fetchItems() {
      // 获取数据的逻辑
    },
    editItem(item) {
      this.currentItem = { ...item }
    },
    async saveItem() {
      // 保存数据的逻辑
    },
    resetForm() {
      this.currentItem = {}
    },
    async deleteItem(item) {
      // 删除数据的逻辑
    }
  },
  created() {
    this.fetchItems()
  }
}
</script>

上面的代码实现了以下功能：

- 展示数据列表
- 编辑数据
- 保存数据
- 取消编辑
- 删除数据

其中，数据的获取、保存和删除的逻辑都需要你自己实现。你可以使用 Ajax 请求来与后端 API 交互，也可以使用 Vuex 等状态管理工具来管理数据。

希望这个示例对你有帮助。