vuex的用法

關于vuex的store存儲資料

簡單的用法

1.首先要在main.js中引入

import store from './store'
import router from './router'


new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})
           

2.在store下的index.js中進行設定

state: {
    usermes:null
  },
    mutations: {
    setCommitUser(state,data){
      state.usermes = data
    }
  },
  actions: {
    setCommitUser ({commit}, data) {
      commit('setCommitUser', data)
    }
  },
  getters: {
    getUser:state=>{
      return state.usermes
    }
  }
           

3.指派

this.$store.dispatch("setCommitUser",'這裡是要儲存的值');
           

4.取值

this.$store.getters.getUser.rolename