用vue做app购物车

Vue 是一种先进的 JavaScript 框架，它可以为您的应用程序创建交互式用户界面。Vue 还具有现代化的工具集，可以帮助您构建更快，更高效的 SPA 应用程序。本文将介绍如何使用 Vue 创建一个 App 购物车。

## 简介

我们将创建一个简单的购物车，它将包含用户添加到其购物车中的商品，并且还将显示购物车的总计。当用户购买了一些商品时，我们将从购物车中删除相应的商品。

我们将使用 Vue 的一些核心概念，包括组件，props，事件和计算属性来创建这样的购物车。

## 组件

组件是 Vue 应用程序中的一项核心概念。组件是一个可重复使用的代码块，可以根据需要在 Vue 应用程序中使用。

在我们的购物车中，我们将使用一个由两个组件组成的体系结构：一个商品列表组件和一个购物车组件。

### 商品列表组件

商品列表组件将是我们的应用程序的入口点。它会将用户可用的商品列表显示出来。对于每个商品，我们将显示名称、价格和“添加到购物车”按钮。

```html