title: Vue js How to split string to array and use in v-for list renderer
body: <p>I want to split a row of a list and use the result in another list statement like this :
  I actually know that the syntax of Vue list renderer of this type is incorrect but I want to show you what I need!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var app = new Vue({
   el : "#app",
    data : {
      list : [
        {
          'name' : 'aaa',
          'codes' : '111+222+333'
        },
        {
          'name' : 'bbb',
          'codes' : '432+456+678'
        }
      ]
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="app"&gt;
    &lt;div v-for="row in list"&gt;
      &lt;p&gt;{{ row.name }}&lt;/p&gt;
      &lt;div v-for="code in (row.codes.split('+'))"&gt;
        &lt;p&gt;{{ code }}&lt;/p&gt;
      &lt;div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Update:</strong> The above code is correct and I had some problems when using filters like this that <strong>is wrong</strong> :</p>
  
  <pre><code>v-for="code in (row.codes | split('+'))"
  </code></pre>
  
  <p></p>