Vue 中 store 基本用法

4,229 阅读1分钟

转:www.jianshu.com/p/eb23c72ab…

现在总结一下使用方法:

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)


export default new Vuex.Store({

  state: {
    //这里放全局参数
    demoValue:{}
  },

  mutations: {
    //这里是set方法
    setDemoValue(state,demoValue){
        state.demoValue = demoValue
    }

  },

    getters: {
    	//get方法
    	getDemoValue: state => state.demoValue
    },

  actions: {
    //这个部分我暂时用不上
  },

  modules: {
	//这里是我自己理解的是为了给全局变量分组,所以需要写提前声明其他store文件,然后引入这里
  }

})   

 使用的时候get方法和set方法分别是:

this.$store.commit('setDemoValue', value); //设置全局变量
this.$store.getters.getDemoValue;  //获取全局变量

未完,后继续补充