title: Template Formatting in v-for in vue.js
body: <p><strong>This code give me all player value &amp; then all monster value. But I want the output format will be like: one player value then one monster value   ,,  one player value then one monster value</strong></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>new Vue({
    el: app,
    data: {
      output: {
        player: [1, 5, 61, 98, 15, 315, 154, 65],
        monster: [2,14, 15, 113, 19, 22,12,54,64],
      },
    },
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"&gt;&lt;/script&gt;
  &lt;div id="app"&gt;
    &lt;span&gt;
      &lt;h6 v-for="pla in output.player"&gt;Player value :{{pla}}&lt;/h6&gt;
      &lt;h6 v-for="mon in output.monster"&gt;Monster value :{{mon}}&lt;/h6&gt;
    &lt;/span&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>