购物车数据的问题

来源：11-9 Vue实现购物车-组件设计和代码演示

RamirezNi

2020-03-03

老师，

看到你讲的购物车数据解构

cartList:[
	{
		id:1,
		count:2
	}，
	{
		id:2,
		count:3
	}
]

然后通过将Product列表数据和Cart列表数据都传给Cart组件，Cart组件里通过计算属性算出一个新的renderCartList类似这样

[
	{
	  id: 1,
	  title: "商品A",
	  price: 10,
	  count: 1 // 购物数量
	},
	          {
	  id: 2,
	  title: "商品B",
	  price: 210,
	  count: 3 // 购物数量
	}
]

我的疑问是，实际业务中可能有分页、分类等等情况，怎么能确保产品列表包含购物车的对应ID的数据呢，产品列表没有购物车中的商品数据时购物车详细商品内容就没了，那么老师这么设计的目的是什么？

写回答

1回答

双越

2020-03-03

已采纳

这个设计没考虑分页的情况，目的是用来演示组件和数据结构的设计。毕竟，面试时考察的内容，和实际工作的内容，是不一样的。本题目更注重前者。

实际项目中，可能就不仅仅是数据分页、分类的情况了，甚至购物车就是一个单独的 html 页面，设置每个 html 中还可能会用微前端模式来开发，大型的电商不可能是一个 SPA 。所以要具体问题具体分析，没法给出合适的答案。

RamirezNi

非常感谢！

2020-03-03

共1条回复

2024版前端框架及项目面试聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4664 学习 · 1644 问题

相似问题

回答 2

回答 1

回答 1

回答 1

回答 1