vue.js里的v-for怎么把输入的内容渲染到表格中

在Vue.js中，`v-for`指令是用来迭代数组数据并将其内容渲染到模板中的重要工具。当你需要动态生成表格行时，可以这样做：

假设你有一个名为`data`的Vue实例属性，它是一个数组，包含你想显示的数据对象，比如每个对象有`name`和`value`两个字段：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Value</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="item in data">
      <td>{{ item.name }}</td> <!-- 显示name属性 -->
      <td>{{ item.value }}</td> <!-- 显示value属性 -->
    </tr>
  </tbody>
</table>

在这个例子中，`v-for`循环遍历`data`数组，每次循环都会创建一个新的`<tr>`元素，其中`{{ item.name }}`和`{{ item.value }}`会分别展示当前对象的`name`和`value`属性。