title: Vuex: accessing store directly or passing properties?
body: <p>I'm migrating a pure Vue application to Vuex, and I'm not sure about the best way to pass data to the components downstream. The Vue way is to pass them as properties:</p>
  
  <pre><code>&lt;component :my-prop="myProp"/&gt;
  </code></pre>
  
  <p>The Vuex way seems to be accessing the store directly:</p>
  
  <pre><code>computed: {
      myProp: function() {
          return this.$store.state.myProp;
      }
  }
  </code></pre>
  
  <p>Doesn't the Vuex way tend to couple the views (the components) and the data (store) layers tighter ? In the other hand passing down properties downstream can be a bit of a pain.</p>
  
  <p>What is the recommended way to access store data in Vuex ?</p>