用vue写一个购物车

Vue 是一个前端 JavaScript 框架，下面是一个简单的购物车的例子：

1. 安装 Vue：

npm install vue

2. 创建一个 Vue 实例：

<template>
  <div>
    <h1>购物车</h1>
    <ul>
      <li v-for="item in cart">{{ item.name }} - {{ item.price }}</li>
    </ul>
  </div>
</template>

<script>
import Vue from 'vue';

export default {
  data() {
    return {
      cart: [
        { name: '物品 1', price: 100 },
        { name: '物品 2', price: 200 },
        { name: '物品 3', price: 300 },
      ],
    };
  },
};
</script>

3. 在页面中渲染 Vue 实例：

<div id="app">
  <app-cart></app-cart>
</div>

<script>
import Cart from './Cart.vue';

new Vue({
  el: '#app',
  components: {
    'app-cart': Cart,
  },
});
</script>

这是一个简单的 Vue 购物车例子，你可以根据你的需求进行扩展和完善。