title: Update v-for list items that depend on a promise, after promise resolves.
body: <p>I have a list that iterates through an array of objects, and generates list items that depends on the current object.</p>
  
  <p>A calculation has to be made with the object as parameter, which returns a promise. The issue is that when the list is rendered, it only has access to the promise object (which is pending), and doesn't update once it resolves.</p>
  
  <pre><code>&lt;md-list id="orderList"&gt;
          &lt;md-list-item v-for="order in orders" :key="order.id" @click="orderDialog(order)"&gt;
              {{ asyncFunction(order) }}
          &lt;/md-list-item&gt;
   &lt;/md-list&gt;
  </code></pre>
  
  <p>How can I get the desired behaviour?</p>