简洁的vuex 工作流成

定义一个js文件在main.js 里引入

import store from './store/index';

store.js

import Vue from "vue"
import Vuex from "vuex"
 
Vue.use(Vuex);

export default new Vuex.Store({

 state:{
    设定自己需要存储的变量
    list:{
         name:'' ",
         aex:" " ,
         max:'“ ”，
      },
      num:'',
      goots:[]
      
      
},
 mutations: {
  setPrint(state, all) { //设置参数
    state.list= all;
  },
   savePath(state,pathName){
       state.goots= pathName;
    }
}
})

在wue页面

       
methods:{
    click(){
        //存储数据
        this.$store.commit('savePath',this.db)
     }
     
 }
  取值
  
this.$store.state.变量名
this.$store.state.goots

const store = new Vuex.Store({
存储值
    state:{
              count:0,
      },
      同步方法可以直接修改数据
    mutations:{
       add2(state){
            state.count++
}
异步方法  调用同步方法
   actions:{
     addAsync(context , num){
       context.commit('add2',num)
     //这边就是调用mutations的方法，这样才能异步，
     不要直接调用state中的数据
}
存值
 this.$store.dispatch('addAsync',5)