请用vue来实现以上功能

好的，我可以给你提供一个 Vue 的实现思路。

首先，在 Vue 组件中定义表格的数据结构，例如：

data() {
  return {
    headers: ['字段1', '字段2', '字段3', '字段4'],
    rows: [
      { field1: '值1', field2: '值2', field3: '值3', field4: '值4' },
      { field1: '值5', field2: '值6', field3: '值7', field4: '值8' },
      // ...
    ],
    dynamicHeaders: ['动态字段1', '动态字段2', '动态字段3'],
    dynamicFields: ['field5', 'field6', 'field7'],
    showDynamicFields: false
  }
}

其中，`headers` 表示默认的四个字段，`rows` 表示表格的行数据，`dynamicHeaders` 表示动态字段的名称，`dynamicFields` 表示动态字段对应的属性名，`showDynamicFields` 表示是否展示动态字段。

接下来，在组件的模板中渲染表格，例如：

<table>
  <thead>
    <tr>
      <th v-for="(header, index) in headers" :key="index">{{ header }}</th>
      <th>
        <button @click="showDynamicFields = true">展示动态字段</button>
        <div v-if="showDynamicFields">
          <div v-for="(dynamicHeader, index) in dynamicHeaders" :key="index">
            <label>
              <input type="checkbox" v-model="selectedDynamicFields" :value="index">
              {{ dynamicHeader }}
            </label>
          </div>
          <button @click="resetDynamicFields">重置</button>
          <button @click="confirmDynamicFields">确认</button>
        </div>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="(row, rowIndex) in rows" :key="rowIndex">
      <td v-for="(header, index) in headers" :key="index">{{ row[header.toLowerCase()] }}</td>
      <td v-if="showDynamicFields" v-for="(dynamicFieldIndex, index) in selectedDynamicFields" :key="index">
        {{ row[dynamicFields[dynamicFieldIndex]] }}
      </td>
    </tr>
  </tbody>
</table>

其中，使用 `v-for` 渲染表头和每一行的单元格。在展示动态字段时，使用 `v-if` 控制展示的内容。在确认和重置时，调用对应的方法。

最后，在组件的 JavaScript 中定义相应的方法，例如：

methods: {
  resetDynamicFields() {
    this.selectedDynamicFields = []
  },
  confirmDynamicFields() {
    this.showDynamicFields = false
    this.headers = ['字段1', '字段2', '字段3', '字段4'].concat(this.selectedDynamicFields.map(index => this.dynamicHeaders[index]))
  }
}

其中，`selectedDynamicFields` 表示用户选择的动态字段的索引，`resetDynamicFields` 方法将其重置为空数组，`confirmDynamicFields` 方法将用户选择的动态字段合并到默认字段中，然后关闭展示动态字段的弹窗。

这样，就完成了使用 Vue 实现表格动态字段的功能。