帮我写一份html代码，要求使用Vue实现以下功能：1. 设计一组原始数据，如商品集合（用JSON数组）2. 与表格绑定，显示内容。

好的，以下是一个使用 Vue 实现表格绑定的示例代码：

<template>
  <div>
    <!-- 表格部分 -->
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>Name</th>
          <th>Price</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, index) in itemList" :key="index">
          <td>{{ item.id }}</td>
          <td>{{ item.name }}</td>
          <td>{{ item.price }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      itemList: [
        { id: 1, name: 'Product A', price: 10 },
        { id: 2, name: 'Product B', price: 20 },
        { id: 3, name: 'Product C', price: 30 },
        { id: 4, name: 'Product D', price: 40 },
        { id: 5, name: 'Product E', price: 50 },
      ]
    }
  }
}
</script>

这个例子中，我们定义了一个名为 itemList 的数组，其中包含了一些商品数据。然后，使用 v-for 指令遍历 itemList 数组，将其中的每个元素都渲染成一行表格中的一列。在表格中，我们显示了每个商品的 ID、名称和价格。

需要注意的是，在 v-for 指令中，我们使用 :key="index" 来为每行数据设置唯一的标识符，这样可以提高 Vue 的渲染效率。