Vue实现购物车

购物车的数据：[

]

localstorage用来持久化数据

存数据

组件去存，就是把当前页面的data、state保存到localstorage

取数据

在actions里面取数据

加、减：

加：

从actions传递过来一个购物车数据，然后传递到mutations，在mutation里面去判断有没有这个购物车数据，如果有的话，就+1，如果没有的话，push到state保存购物车的数组里。

减：

从actions传递过来一个购物车数据，然后传递到mutations，在mutation里面去判断有没有这个购物车数据，如果有的话呢，就-1，如果只有1份，就删除。

方法：

1、判断购物车有没有某项数据

2、购物车增加数据

3、购物车减少数据

4、清空购物车

5、能够获取到购物车的项目的数量

Actions功能：

1、是需要从保存在localstorage里面的数据，用在页面上。

2、接受增加、减少、清空的功能

Mutations的功能：

1、对state的修改

2、Mutations有增加和删除两个功能，增加时对state里的购物车数组增加，减少时对state的购物车数组内减少或删除。如果需要用到exist的话用[].findIndex来查找自定义的数据。

组件的功能：

1、控制显示的内容

2、调用Actions的方法实现增加，减少。

3、把处理好的state的购物车数组，保存到localstorage里面。