利用VUE完成代办事项记录，在输入框输入你的代办事项，点击“添加”按钮，则进入未完成项列表中，同时数量增加，点击未完成项中的“删除”按钮，该事项则进入已完成列表，同时数量增加。

A: 好的，我会为您提供一个简单的代码示例来实现这个功能。

首先，您可以在 Vue 组件中定义以下数据：

data() {
  return {
    todoList: [], // 代办事项列表
    doneList: [], // 已完成列表
    newTodo: '', // 新的代办事项
  }
}

然后，在模板中，您可以创建一个输入框和一个“添加”按钮，当用户点击“添加”按钮时，会将输入框中的值添加到代办事项列表中：

<div>
  <input type="text" v-model="newTodo">
  <button @click="addTodo">添加</button>
</div>

接着，您可以在 `addTodo` 方法中将新的代办事项添加到 `todoList` 数组中：

methods: {
  addTodo() {
    if (this.newTodo.trim()) {
      this.todoList.push({
        title: this.newTodo,
        done: false
      });
      this.newTodo = '';
    }
  },
}

此外，您还可以创建一个“删除”按钮来标记代办事项为已完成状态，并将其移动到已完成列表中：

<ul>
  <li v-for="(todo, index) in todoList" :key="index">
    {{ todo.title }}
    <button @click="markDone(index)">删除</button>
  </li>
</ul>

在 `markDone` 方法中，您可以将指定索引处的代办事项移动到 `doneList` 中，并从 `todoList` 移除该事项：

methods: {
  markDone(index) {
    this.todoList[index].done = true;
    this.doneList.push(this.todoList.splice(index, 1)[0]);
  }
}

通过这样的方式，您就可以创建一个简单的代办事项列表应用程序，其中包括添加和删除代办事项的功能。