title: Pass entire data item vs just id as Prop in Vue list when using VueX
body: <p>I have a <code>VueX</code> state that contains a list of items. E.g.:</p>
  
  <pre class="lang-js prettyprint-override"><code>{
     operations: Operation[]
  }
  </code></pre>
  
  <p>We need to display each <code>Operation</code> as an item in a list. So we have an <code>OperationList</code> component and an <code>OperationItem</code> component.</p>
  
  <p>When it comes to rendering the list (<code>v-for</code>), would it be recommended to pass the entire item as a prop or just the <code>id</code> and have the <code>OperationItem</code> read the data from <code>VueX</code>?</p>
  
  <p>Basically:</p>
  
  <pre><code>&lt;operation-item v-for="operationId in operationIds" :id="operationId" :key="operationId"/&gt;
  </code></pre>
  
  <p>vs</p>
  
  <pre><code>&lt;operation-item v-for="operation in operations" :operation="operation" :key="operation.id"/&gt;
  </code></pre>