vuex的store的js文件

作为vue的学习者，vuex是必不可少的东西，但是每个人用的方法都不一样，为了避免疏忽后遗忘，特此记录下。

import Vue from "vue"
import Vuex from "vuex"
import persist from 'vuex-persistedstate'

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    pathName: "",
    currDbSource: {},
    currJobData: [],
    DbSource: []
  },
  mutations: {
    // 保存当前菜单栏的路径
    savePath(state, pathName) {
      state.pathName = pathName;
    },
    // 保存当前点击的数据源
    saveCurrDbSource(state, currDbSource) {
      state.currDbSource = currDbSource;

    },
    // 保存当前点击的元数据
    saveCurrJobData(state, currJobData) {
    // 下面这一串是将点击时存储的数据变成追加的字符串，这样可以避免vuex中的数据只有一条的情况
      state.currJobData.push(currJobData)
    },
    // 保存所有数据源
    saveDbSource(state, DbSource) {
      state.DbSource = DbSource;
    }
  },
  plugins: [
    new persist({
      storage: window.localStorage,
    }),
  ],
})

每个人的代码都是属于他们的思考，作为学习者参考他人的想法时也可以使自己进行更多的思考，所以当各位哪里实在不明白时，不妨去看看各位代码大佬的代码，思考下他们的想法。