v-for和v-model在vuejs中如何结合使用？

在vuejs中，可以使用v-for指令循环遍历数据，并使用v-model指令将数据绑定到表单元素上。以下是一个具体的示例：

<template>
  <div>
    <h2>商品列表</h2>
    <ul>
      <li v-for="(item, index) in items" :key="index">
        <input type="checkbox" v-model="item.checked">
        <span>{{ item.name }} - {{ item.price }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: '商品1', price: 100, checked: false },
        { name: '商品2', price: 200, checked: false },
        { name: '商品3', price: 300, checked: false }
      ]
    }
  }
}
</script>

在上面的示例中，使用v-for指令循环遍历了一个items数据列表，并将列表中的每个元素绑定到一个li元素上。在li元素中，使用v-model指令将数据中的checked属性绑定到一个复选框上，以实现对商品的选中和取消选中。