(1)vuex的目录
1.在项目根目录下,新建 store
文件夹,并在下面新建 index.js
文件,作为模块入口,引入各子模块。
(因为子模块是购物车,所以这里我挂载的是car)
2.子模块car页面内容
我们的数据一般都是存放在state里,gettters是计算属性,所以全选和总价格的方法在这里写,
我们的加,减,单选,全选都是在mutations里写
3..在main.js中引入store(我的是vue3)
写到这里我们的vuex就已经搭建好了,可以使用了
4.在页面中引用组件 car,并通过 mapState
读取 state
中的初始数据。
5.vuex搭建完成之后,在car文件夹下的index里的属性mutations里写购物车的操作
(uni.setStorageSync()是将操作完的数据存入本地存储)
1.把目标物品添加到购物车的同时也行实现数量递增
2.物品数量递减
3.实现商品的单选功能
4.实现商品的全选反选功能
(这个是在getter里写的方法)
5.删除选中的商品(我这里写的是选中状态为true的)
6.计算商品总价格(在getter里写入)