用Vue来实现购物车功能（二）

这个小demo具有添加商品进购物车 、增加购物车内商品的数量、减少购物车内商品的数量、计算一类商品的总价、以及计算所有商品的总价

首先看目录结构

 因为我们的Tab.vue  Car.vue 以及Carinfo.vue中的数据有关联   所以用到了vuex

在store文件夹下的index.js中 

```

import Vue from 'vue';

import Vuex from 'vuex';

import logger from 'vuex/dist/logger';

Vue.use(Vuex);

 

// 状态

let state = {cartList:[]};

import mutations from './mutations.js';

import getters from './getters.js'

 

export default new Vuex.Store({

state,

mutations,

getters,

strict:true,

plugins:[logger()]

});

```

在main.js里面引入store文件夹下的index.js

```

```