title: Wait for VueX value to load, before loading component
body: <p>When a user tries to directly navigate load a component url, an http call is made in my vuex actions, which will define a value in my state once it resolves.</p>
  
  <p>I don't want to load my component until the http call is resolved, and the state value is defined.</p>
  
  <p>For Example, in my component</p>
  
  <pre><code>export default {
    computed: {
      ...mapState({
        // ** this value needs to load before component mounted() runs **
        asyncListValues: state =&gt; state.asyncListValues
      })
    },
  
    mounted () {
      // ** I need asyncListValues to be defined before this runs **
      this.asyncListValues.forEach((val) =&gt; { 
        // do stuff
      });
    }
  }
  </code></pre>
  
  <p>How can I make my component wait for <code>asyncListValues</code> to load, before loading my component?</p>