vuex模組化配置問題處理

本文主要講解vuex模組化配置中如何解決遇到的問題：module namespace not found in mapState（）： count/。

1、錯誤現象

2、原因分析

2。1 vuex配置模組化

檢查是否使用modules引數配置模組化。

// store/index。js import Vue from ‘vue’；import Vuex from ‘vuex’；import count from ‘。/count’；import person from ‘。/person’； Vue。use（Vuex）； export default new Vuex。Store（{ modules： { count， person }}）；

2。2 開啟名稱空間

檢查是否將

namespaced

引數設定為true開啟名稱空間。

注意單詞的拼寫，不要寫成namespace了，一定要加上後邊的d。

// store/count。js const count = { namespaced： true， actions： { increment（context， value）{ context。commit（‘increment’， value）； }， decrement（context， value）{ context。commit（‘decrement’， value）； }， incrementOdd（context， value）{ if（context。state。sum % 2）{ context。commit（‘increment’， value）； } }， incrementWait（context， value）{ setTimeout（（） => { context。commit（‘increment’， value）； }， 500）； } }， mutations： { increment（state， value）{ state。sum += value； }， decrement（state， value）{ state。sum -= value； }， }， state： { sum： 0， school： ‘百度’， lesson： ‘前端’， }， getters： { bigSum（state） { return state。sum * 10； } }} export default count；

新時代農民工 | Java | Spring Boot | Spring Cloud | Web | React | Docker | 最新幹貨分享 - 新時代農民工