title: Accessing Vuex submodules inner state with the $store object
body: <pre><code>import Vue from 'vue'
  import Vuex from 'vuex'
  import Users from './modules/Users'
  
  Vue.use(Vuex)
  
  export const store = new Vuex.Store({
      namespaced: true,
      state: {
          foo: false,
      },
      modules: {
          Users
      },
  })
  </code></pre>
  
  <p>and a Users.js:</p>
  
  <pre><code>// initial state
  const state = {
      users: [],
  }
  export default {
      state
  }
  </code></pre>
  
  <p>From my components, I'm accessing the <code>Users</code> store like this:</p>
  
  <pre><code>this.$store.state.Users.users.forEach((el) =&gt; {}
  </code></pre>
  
  <p>But I don't understand why I have to call <code>this.$store.state.Users</code> instead of <code>this.$store.Users</code></p>
  
  <p>I mean, the module <code>Users</code> hasn't been defined within the state of the store right?</p>