Access vue vuex namespaced getter from template

Well actually it's registered under the key 'fooModule/barGetter', which is not a valid name for a javascript variable. So you should access the key as a string, ah, and so, it's not so elegant. But you can still do it, access it in the template with {{ _self['fooModule/barGetter'] }}.

See this working example:

new Vue({
  el: '#app',
  store: new Vuex.Store({
    modules: {
      fooModule: {
        namespaced: true,
        state: {},
        getters: {
          barGetter() {
            return 'Hi :)';
  computed: Vuex.mapGetters([
<script src=""></script>
<script src="[email protected]"></script>

<div id="app">
  {{ _self['fooModule/barGetter'] }}

The first parameter of mapGetters can be a namespace:

computed: {
    ...mapGetters("fooModule", [
    ...mapGetters("anotherModule", [

That will make the value available as this.barGetter or just barGetter in templates. Note, it's perfectly acceptable to have multiple mapGetters statements.

Vuex Getters documentation

Vuex Binding helpers with namespace