vuex

第一步：现在store文件夹下新建一个index.js文件，用来导出，输出你自己的存储变量以及状态。
import Vue from 'vue'
import Vuex from 'vuex'
import app from './modules/app'
import user from './modules/user'
import permission from './modules/permission'
import fundGetters from './modules/fundGetters'
import fundComparsionCodeList from './modules/fundComparsionCodeList'
import getters from './getters'

Vue.use(Vuex)

const store = new Vuex.Store({
    modules: {
        app,
        user,
        permission,
        fundGetters,
        fundComparsionCodeList
    },
    getters
})

export default store
第二部：：：新建一个getter.js文件，里边放的是你要导出的存在state里边的变量
const getters = {
    sidebar: state => state.app.sidebar,
    token: state => state.user.token,
    mobile: state => state.user.mobile,
    institutionGuid: state => state.user.institutionGuid,
    avatar: state => state.user.avatar,
    ip: state => state.user.ip,
    userTodoActions: state => state.user.userTodoActions,
    invObj: state => state.user.invObj,
    roleGuid: state => state.user.roleGuid,
    permissionList: state => state.user.permissionList,
    permissionMap: state => state.user.permissionMap,
    permissionRouters: state => state.permission.routers,
    permission_routers: state => state.permission.routers,
    addRouters: state => state.permission.addRouters,
    permissionMenus: state => state.user.permissionMenus,
    FundTypes: state => state.user.FundTypes,
    userGuid: state => state.user.guid,
    fundCodeList: state => state.fundGetters.fundCodeList,
    fundComparsionList: state => state.fundComparsionCodeList.fundComparsionList
}
export default getters
第三部：：新建一个moudels文件夹，里边存放你要增删改查的变量
那我存储的某一个变量来举例（增删改查）
const fundComparsionCodeList = {
    state: {
        fundComparsionList: []
    },
    mutations: {
     //设置
        SET_COMPARSION: (state, ComparsionLists) => {
            state.fundComparsionList = ComparsionLists
        },
//增
        ADD_COMPARSION: (state, item) => {
            state.fundComparsionList = state.fundComparsionList.concat(item)
        },
//删
        DEL_COMPARSION: (state, item) => {
            for (let i = 0; i < state.fundComparsionList.length; i++) {
                if (state.fundComparsionList[i] === item) {
                    state.fundComparsionList.splice(i, 1)
                    break
                }
            }
        }
    }
}

export default fundComparsionCodeList
在页面中的使用方法：
commit就是来触发存在第三部里边的方法的。
this.$store.commit("ADD_COMPARSION",  this.querycontrastrast); //由于vuex存储受浏览器内存机制的影响，导致再刷新页面时会
如是要得到这个变量那就这么些：
this.$store.getters.fundComparsionList