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

组件内存值

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

store.js的state中

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

store.js的matution中

  setValue(state,xxx){
    state.xxx= xxx;//第二个参数随意起个名,我一边习惯用item.state.xxx.这个xxx是state存的值
  },

组件内取值

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

四不四超级简单哇~~nice