title: vue.js / Vue getter not defined error
body: <p>I get an error with my App.vue component , getter: <strong>logged</strong></p>
  
  <pre><code>&lt;li id="shoppinglists" v-if="!logged"&gt;...
  
  ERROR LOG: '[Vue warn]: Property or method "logged" is not defined on the instance but referenced during render. 
  Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. 
  </code></pre>
  
  <p>I don't understand why it's stated as non-defined, as I don't get error with another defined getter: <strong>currentUserId</strong></p>
  
  <pre><code>&lt;li v-else id="shoppinglists"&gt;&lt;router-link :to="{ name: 'ShoppingLists', params: { id: currentUserId } }" &gt;Shopping Lists&lt;/router-link&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Bothe are defined as computed props :</p>
  
  <pre><code>&lt;script&gt;
  import store from '@/vuex/store'
  import { mapGetters } from 'vuex'
  
  export default {
    name: 'app',
    computed: {
      ...mapGetters([
        { currentUserId: 'getCurrentUserId' },
        { logged: 'getCurrentUserStatus' }
      ])
    },
    store
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>and my vex/getters.js is :</p>
  
  <p><strong>vuex/getters.js</strong></p>
  
  <pre><code>export default {
    getCurrentUserStatus: state =&gt; state.logged,
    getCurrentUserId: state =&gt; state.currentUserId,
    ...
  }
  </code></pre>
  
  <p>and my store is </p>
  
  <p><strong>vuex/store.js</strong></p>
  
  <pre><code>import Vue from 'vue'
  import Vuex from 'vuex'
  import getters from './getters'
  ...
  
  Vue.use(Vuex)
  
  const state = {
    logged: false,
    currentUserId: '',
    ...
  }
  
  export default new Vuex.Store({
    state,
    getters,
     ...
  })
  </code></pre>