Vuex的使用方法及调用（详解）

vuex的使用及方法的调用（详解）

1.首先要知道ｖｕｅ中ｓｔｏｒｅ的ｉｎｄｅｘ．ｊｓ的方法：

（１）state　:用来存储数据　
　　（２）mutations：用来调用state中的数据
　 （ 3 ）actions：异步的步操作操作mutations中传递过来的数据
（4）modules：在state中数据过多时使用，类似于父组件和子组件之间的关系，只不过是需要在 index.js中用import引入调用的定义js文件罢了（如：cart.js）

2.实例的演示

//index.js
import Vue from 'vue'
import Vuex from 'vuex'
import cart from 'cart'
Vue.use(Vuex)
export default new Vuex.Store({
   
  state: {
   
    fenlei:[],//商品分类
     list:[]
  },
  mutations: {
   
    fenleiCart(state,items){
   
     state.fenlei = items
    }