vuex的使用

1.在src/store文件夹下的index.js文件里

import Vue from "vue";
import Vuex from "vuex";
import common from "./modules/common";
import user from "./modules/user";
import map from "./modules/map";
Vue.use(Vuex)

export default new Vuex.Store({
  state:{
    arealist:JSON.parse(localStorage.getItem('arealist')),
    citycode:JSON.parse(localStorage.getItem('citycode')),
    sitecode:JSON.parse(localStorage.getItem('sitecode')),
  },
  modules: {
    common,
    user,
    map,
  },
  mutations: {
    setAreaList (state, data) {
      state.arealist = data
      localStorage.setItem('arealist', JSON.stringify(data))
    },
    setCityCode (state, data) {
      state.citycode = data
      localStorage.setItem('citycode', JSON.stringify(data))
    },
    setSiteCode (state, data) {
      state.sitecode = data
      localStorage.setItem('sitecode', JSON.stringify(data))
    },
  },
  strict: process.env.NODE_ENV !== 'production'
})

2.在你需要的地方存进去

 this.$store.commit('setAreaList',this.arealist);

3.取出来要先引入

  import { mapState } from "vuex";
  computed: {
    ...mapState(["arealist"])
  },