开发喵星球

直接在store/modules目录中新建js文件为vuex自定义的模块
本文以kaifamiao.js文件为例

1、编写自定义vuex的内容

const kaifamiao = {
    state: {
       options: {}
    },
    mutations: {
        setOption(state, option){
            state.options = option
        }
    },
    actions: {
        setOption(context, option) {
            context.commit('setOption', option)
        }

    },
    getters: {
        // getOption(state) {
        //     return state.options
        // }
        option: state => state.options
    }

}
export default {
    namespaced: true,
    ...kaifamiao
}

2、配置生效

位置：/store/index.js

3、使用

在需要的位置

this.store.commit('kaifamiao/setOption', this.option)
console.log(this.store.getters['kaifamiao/option'])