帮我用vue写一个数字档案光盘功能

好的，下面是一个简单的数字档案光盘功能的示例Vue组件代码：

<template>
  <div>
    <h2>数字档案光盘</h2>
    <form @submit.prevent="addRecord">
      <label>
        记录名称：
        <input type="text" v-model="recordName" required />
      </label>
      <br />
      <label>
        记录内容：
        <textarea v-model="recordContent" required></textarea>
      </label>
      <br />
      <button type="submit">添加记录</button>
    </form>
    <hr />
    <h3>所有记录</h3>
    <ul>
      <li v-for="(record, index) in records" :key="index">
        <h4>{{ record.name }}</h4>
        <p>{{ record.content }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      recordName: '',
      recordContent: '',
      records: []
    };
  },
  methods: {
    addRecord() {
      const newRecord = {
        name: this.recordName,
        content: this.recordContent
      };
      this.records.push(newRecord);
      this.recordName = '';
      this.recordContent = '';
    }
  }
};
</script>

这个组件包括一个表单，用户可以使用它添加新的记录。在表单提交时，`addRecord`方法会将新记录添加到`records`数组中，并将输入字段清空。然后，所有已添加的记录都会在页面上列出来，用户可以查看它们的名称和内容。

请注意，这只是一个基本示例，可以根据您的具体需求进行修改和扩展。例如，您可能需要添加其他表单字段，如日期或标签，或者实现其他功能，如搜索或过滤记录。