利用vue展示页面中有一个按钮，2个输入框， 点击按钮的时候，将输入框的内容展示到表格上

好的，这是一个简单的Vue组件，其中包含一个按钮和两个输入框，点击按钮时将输入框的内容添加到表格上：

<template>
  <div>
    <div>
      <label for="input1">Input 1:</label>
      <input type="text" id="input1" v-model="input1">
    </div>
    <div>
      <label for="input2">Input 2:</label>
      <input type="text" id="input2" v-model="input2">
    </div>
    <button @click="addRow">Add Row</button>
    <table>
      <thead>
        <tr>
          <th>Input 1</th>
          <th>Input 2</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(row, index) in rows" :key="index">
          <td>{{ row.input1 }}</td>
          <td>{{ row.input2 }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      input1: '',
      input2: '',
      rows: []
    };
  },
  methods: {
    addRow() {
      this.rows.push({
        input1: this.input1,
        input2: this.input2
      });
      this.input1 = '';
      this.input2 = '';
    }
  }
};
</script>

这个组件包含一个名为`input1`和`input2`的数据属性，以及一个名为`rows`的数组。当用户点击按钮时，将使用`addRow`方法将输入框的内容添加到`rows`数组中。然后，使用`v-for`指令将每一行渲染到表格中。