title: Vue best practices. What should I pass as prop to a component
body: <p>For example I have simple TODO app.
  Task represented by <code>Task</code> component. As storage I use <code>Vuex</code>.</p>
  
  <p>For each task I store structure like </p>
  
  <pre><code>{
     id: 999,
     label: 'My super task',
     done: true
  }
  </code></pre>
  
  <p>Questions is what I have to pass to the component as property - only <code>id</code> (and then get other data from store) or the whole data array? </p>