使用vue制作一购物网页，至少显示12种商品。并且要求实现购物车功能：可以把商品加入到购物车中，同种商品可以多次购买，购物车中显示数量；也可以减少购物车商品数量；能自动计算出总价格；数量为0时将商品移出购物车。

好的，这个任务可以分为以下几个步骤：

1. 创建Vue项目，可以使用Vue CLI工具快速搭建。

2. 创建商品数据，可以使用JSON格式存储商品信息，包括商品名称、描述、价格等信息。

3. 创建商品列表组件，用于展示商品列表，包括名称、图片、描述和价格等信息。可以使用v-for指令循环展示商品列表。

4. 创建购物车组件，用于展示购物车中的商品列表，包括商品名称、单价、数量和总价等信息。可以使用v-for指令循环展示购物车中的商品列表。

5. 实现加入购物车功能，可以在商品列表组件中添加“加入购物车”按钮，点击按钮后将商品信息加入到购物车中。如果购物车中已经存在相同的商品，则只需增加数量即可。

6. 实现减少购物车商品数量功能，在购物车组件中添加“减少数量”按钮，点击按钮后减少商品数量。

7. 实现自动计算总价格功能，在购物车组件中根据商品数量和单价自动计算总价。

8. 实现将商品移出购物车功能，当商品数量为0时，从购物车中移除商品。

以上就是实现购物网页的大致流程，希望对你有所帮助！