vue购物车相同商品数量加一

要实现Vue购物车中相同商品数量加一的功能，需要进行以下步骤：

1. 在Vue组件中定义一个data属性，用来存储购物车中的商品列表。

2. 在模板中通过v-for指令遍历商品列表，显示每个商品的信息和数量，同时为每个商品的数量增加一个加一按钮。

3. 在每个加一按钮上绑定一个click事件，用来触发一个方法。

4. 在方法中，获取当前商品的数量，将其加一，然后更新商品列表。

以下是一个简单的示例代码：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in cart" :key="index">
        {{ item.name }} - {{ item.quantity }}
        <button @click="incrementQuantity(index)">加一</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cart: [
        { name: '商品1', quantity: 2 },
        { name: '商品2', quantity: 1 },
        { name: '商品3', quantity: 3 }
      ]
    }
  },
  methods: {
    incrementQuantity(index) {
      this.cart[index].quantity++
    }
  }
}
</script>

在这个示例中，我们定义了一个cart数组，里面保存了购物车中的商品信息，包括商品名称和数量。然后通过v-for指令遍历cart数组，为每个商品的数量增加一个加一按钮，并将该按钮绑定到incrementQuantity方法上。当用户点击加一按钮时，incrementQuantity方法会获取当前商品的索引，将其数量加一，然后更新cart数组，从而实现相同商品数量加一的功能。