vue项目 移动端 实现购物车功能

看下图，我是去天猫上截取的一张
当点击 -加入购物车-按钮时会出来弹框进行选择大小，尺码，商品的id（页面是不显示的）, title商品名称 , imgUrl(海报图), flag（标识也是不显示的）等信息（弹框就不写了，一般你下载插件后都有）
注意的是：标识符，flag非常重要，为以后复选框判断是否选中做参考，变成一个数组形式，cart，传入vuex

来看看代码
这个是列表或者详情页面的代码

这个是管理库 vuex 页面代码如下

 	import Vue from 'vue'
	import Vuex from 'vuex'
	import mutations from './mutations.js'
	Vue.use(Vuex)
	export default new Vuex.Store({
	  state: {
	    cart:[],
	    money:0,
	    allchecked:true
	  },
	  mutations,
	})
	
	export default {
	//判断是否已经加入过购物车，如果加入过，则该产品数量加一，若没有加入过，将产品加入购物车里，
	  addCart(state,data){
	    for(var i=0;i

我们要知道当我们初始化进入购物车的时候是空的，后续有数据才是展示的

找一张空图，给个按钮去操作跳转首页或者列表页就好了，
如果有数据，就执行相应的操作
这是当我们进入到购物车的时候进行的操作，你看是管理 增、删、加、减、还是提交订单。随你了。

这个是 购物车页面代码

好了，购物车实现了。