在vue中，对表格购物车中商品的数量添加+，-按钮，进行数量的删减，同时小计的价钱也会发生变化

你可以使用 Vue.js 来实现在表格中对购物车商品数量进行增减，并根据数量变化更新小计价格。以下是一个示例：

<template>
  <table>
    <thead>
      <tr>
        <th>Product</th>
        <th>Price</th>
        <th>Quantity</th>
        <th>Subtotal</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(item, index) in cart" :key="index">
        <td>{{ item.name }}</td>
        <td>{{ item.price }}</td>
        <td>
          <button @click="decrementQuantity(item)">-</button>
          {{ item.quantity }}
          <button @click="incrementQuantity(item)">+</button>
        </td>
        <td>{{ calculateSubtotal(item) }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  data() {
    return {
      cart: [
        { name: 'Product 1', price: 10, quantity: 1 },
        { name: 'Product 2', price: 20, quantity: 2 },
        // Add more items as needed
      ]
    };
  },
  methods: {
    incrementQuantity(item) {
      item.quantity++;
    },
    decrementQuantity(item) {
      if (item.quantity > 1) {
        item.quantity--;
      }
    },
    calculateSubtotal(item) {
      return item.price * item.quantity;
    }
  }
};
</script>

在上面的示例中，我们使用 `v-for` 指令来遍历 `cart` 数组，并渲染购物车中的每个商品行。在数量列中，我们使用两个按钮分别绑定 `incrementQuantity` 和 `decrementQuantity` 方法来增加和减少商品数量。通过点击按钮，商品的数量会相应地增加或减少。

在小计列中，我们调用 `calculateSubtotal` 方法来计算每个商品的小计价钱，它是商品的单价乘以数量。

请注意，这只是一个简单的示例，你可以根据你的需求进行扩展和修改。同时，你也可以添加其他功能，如总计价格、删除商品等。