Vuex存值与取值(简单易懂)

组件内存值

methods: {  
     fn() {     
             this.$store.commit('setValue',xxx)   //setValue存值随便起个名,   xxx要存的值 
          }           
    }

store.js的state中

const state = {
    xxx:'',//把存的那个值的名字初始化一下
}

store.js的matution中

  setValue(state,item){
    state.xxx= item;//第二个参数随意起个名
  },

组件内取值

//在计算属性中取值,js直接这样写拿到值,html用直接xxx使用
 computed: {    
    value() {
      return this.$store.state.xxx;
    }
  },