vuexでエラーを報告するunknown getter


シーン:stateの値の1つで対応するmodalの表示を切り替えます.最初は$store.state.globalStateを直接使用してもモジュール内では次の効果は得られません.
<div v-show="$store.state.globalState =='  '">
	<MedicalCompaniesList ></MedicalCompaniesList>
</div>
<div v-show="$store.state.globalState =='  '">
    111
</div>

最終的にはmapGettersを思い浮かべます
const state = {
     
	globalState:'  '
}
const getters = {
     
	getGlobalState(state){
     
		return state.globalState
	},
}
const mutations = {
     
	setGlobalState(state,data){
     
		state.globalState= data
	}
}
const store = new Vuex.Store({
     
	state,
	getters,
	mutations,
	modules: {
     },
})

(.vue)コンポーネント内での使用
import {
     mapGetters} from 'vuex'
computed:{
     
	...mapGetters(['getGlobalField'])
},
watch: {
     
	getGlobalField: function(newVal) {
     
	}
},

最終実装globalStateによる表示切り替え