title: using v-for with multiple keys
body: <p>So I am going to be honest I am NOT sure if using multiple keys is the right solution but in my head it is what makes sense. Here is the task at hand.</p>
  <p>I have 3 objects I am showing in a v-for statement:</p>
  <p><a href="https://i.stack.imgur.com/pb5Gc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pb5Gc.png" alt="enter image description here" /></a></p>
  <p>The bottom item (CHILD OF 1) should be located under PARENT 1. Now, in my code, I have the following</p>
  <p><code>&lt;div class=&quot;text-white&quot; v-for=&quot;comment in comments&quot; :key=&quot;comment.id&quot;&gt;</code></p>
  <p>Now, there is another field in the object called <code>comment.parent_id</code> That relates back to the original <code>comment.id</code></p>
  <p>How would I go about properly sorting this so that I can format the comments accordingly. (side note not that it matters, but, ill be indenting the child comment which is why this is important).</p>
  <p>Thanks!</p>