title: VueJs render template issue
body: <p>I've an issue to fill data from model into code when I'v more then one template with separate data. What I need is first template renders as many times as many objects in firstFormDetails array and same the second one. There example of my code below:                                         </p>
  
  <pre><code> &lt;div id="app"&gt;
    &lt;first v-for="item in secondFormDetails" track-by="id"&gt;&lt;/first&gt;
    &lt;second v-for="item in firstFormDetails" track-by="id"&gt;&lt;/second&gt;
   &lt;/div&gt;
  
   &lt;template id="template-first"&gt;
    &lt;div&gt; {{ item.docNumber }}&lt;/div&gt;
   &lt;/template&gt;
  
   &lt;template id="template-second"&gt;
    &lt;div&gt; {{ item.docNumber }}&lt;/div&gt;
   &lt;/template&gt;
  </code></pre>
  
  <p>And VueJs module as follows:</p>
  
  <pre><code>  Vue.component('first', {
       template: '#template-first',
       data: function() {
         return {
           firstFormDetails: [
             {docNumber: 7},
             {docNumber: 7777},
             {docNumber: 10000}
           ]
         }
       }
     });
  
     Vue.component('second', {
        template: '#template-second',
        data: function() {
          return {
            secondFormDetails: [
              {docNumber: 1908},
              {docNumber: 7777},
              {docNumber: 10000}
            ]
          }
        }
      });
  
     new Vue({
       el: '#app'
     });
  </code></pre>