vue项目只能打开三个页面_vue系列教程之微商城项目|购物车页面

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题描述

vant-ui提供了现成的商品卡片，可以用于购物车页面

解决方案

1.引入顶部导航栏

1.引入商品卡片组件

main.js中追加

2.页面使用并查看效果

views/gwc.vue

ps:直接遍历$store.getters.getAllGoods即可拿到购物车中的数据