为啥命名：false 对我不起作用

Posted 2023-02-22

【中文标题】为啥命名：false 对我不起作用

【英文标题】：Why namespased: false does not work for me为什么命名：false 对我不起作用

【发布时间】：2020-07-06 11:51:36

【问题描述】：

我见过类似的问题。但是我失去了一些东西，无法理解为什么它在我的情况下不起作用。 我有以下 vuex 模块：

const root = 
    namespaced: false,
    state: 
        advertisersOptions: [],
        customersTypesOptions: [],
       // ... more state props are here ...
    ,
    mutations: 
        setIsChoiceAllApps(state, isChoiceAllApps) 
            state.isChoiceAllApps = isChoiceAllApps;
        ,

       // and so on 
    ,
    getters: 
        getErrorMessages: state => 
            return state.errorMessages;
        ,
        // and so on
    ,
    actions: ,
;

export default root

我像这样创建我的商店：

import Vue from 'vue'
import * as Vuex from 'vuex'
import root from './modules/root'

Vue.use(Vuex);

export const store = new Vuex.Store(
    modules: 
         root
    
);

我将它包含在app.js 文件中：

const app = new Vue(
    el: '#app',
    store,
    components: 
        Multiselect
    ,
);

所以，我想在...mapState(['...']) 之后查看我的 vuex 属性。我将向您展示组件：

export default 
    data() 
        return 
            choiceAllApplications: false
        
    ,
    methods: 
        ...mapActions(['updateApplicationsAction']),
        disposeAllApps: function () 
            this.$store.commit("setApplications", []);
        ,
    ,
    computed: 
        ...mapState([
            "advertisersOptions",
            "advertisersSelected",
            // and so on are here
        ]),
    ,

如您所见，我使用namespaced: false,。我只想在全局范围内查看我的属性。但它不起作用。我将在mounted() 中创建console.log，这是转储：

如您所见，模块名称 (root) 在这里。我忘记了什么？

【参考方案1】：

你没有忘记任何东西，它总是这样 - 根据 Vuex docs，只有 getters, setters and actions 受命名空间的影响（而且，顺便说一句，即使它们是命名空间，它们仍然会出现在全局对象中但要像moduleName/action - user/getUserName 而不是像user.getUserName 这样的对象内部）。

但是 state 始终是每个模块的 - 因此，无论是否命名空间，它都将位于全局状态对象中它自己的属性中。