用Vue实现购物车功能代码

很好，下面是一个简单的Vue购物车功能的代码示例：

<template>
  <div>
    <h1>购物车</h1>
    <ul>
      <li v-for="(item, index) in cartItems" :key="index">
        {{ item.name }} - {{ item.price }}元
        <button @click="removeFromCart(index)">从购物车移除</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cartItems: [
        { name: '商品A', price: 100 },
        { name: '商品B', price: 200 },
        { name: '商品C', price: 300 }
      ]
    };
  },
  methods: {
    removeFromCart(index) {
      this.cartItems.splice(index, 1);
    }
  }
};
</script>

以上代码实现了简单的购物车功能：在模板中使用 `v-for` 展示购物车中的商品，同时提供一个“从购物车移除”按钮，点击按钮后会将对应商品从购物车中移除。在Vue中实现购物车功能还可以包括添加商品、计算总价等更复杂的功能。