title: Nativescript-Vue: How to use v-for inside of a ListView correctly
body: <p>Using the ListView works, but if I use the v-for in the child component, the view-recycling is not correct, so after scrolling, the v-for does not get re-rendered properly.</p>
  
  <p>My parent component:</p>
  
  <pre><code>&lt;ListView for="post in computedPosts"&gt;
     &lt;v-template&gt;
       &lt;Post :post="post" &gt;&lt;/Post&gt;
     &lt;/v-template&gt;
  &lt;/ListView&gt;
  </code></pre>
  
  <p>My child (post) component:</p>
  
  <pre><code>&lt;FlexboxLayout&gt;
     &lt;Label&gt;{{ post.title }}&lt;/Label&gt;
     &lt;Label&gt;
       &lt;FormattedString&gt;
         &lt;Span v-for="(span, spanIndex) in post.spans"&gt;
          {{ span.content }}
         &lt;/Span&gt;
       &lt;/FormattedString&gt;
     &lt;/Label&gt;
  &lt;/FlexboxLayout&gt;
  </code></pre>
  
  <p>For example one message says "Hello" and the next "World", both are rendered in a v-for, because a single post can have some styled content. When I scroll down and back up again, so the first post gets re-rendered, it displays "Hello World" instead of the desired "Hello".</p>
  
  <p><a href="https://play.nativescript.org/?template=play-vue&amp;id=izWGL9" rel="nofollow noreferrer">https://play.nativescript.org/?template=play-vue&amp;id=izWGL9</a> is a playground to reproduce the issue</p>