title: v-for without using html element in vue.js
body: <p>I am newbie to Vue.js</p>
  <p>I am preparing demo for input elements practices, here is my code.</p>
  <p><strong>HTML</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;inputDiv&quot;&gt;
    &lt;form action=&quot;&quot;&gt;
      &lt;input type=&quot;text&quot; v-model=&quot;first_name&quot;&gt;
      &lt;input type=&quot;text&quot; v-model=&quot;last_name&quot;&gt;
      &lt;input type=&quot;email&quot; v-model=&quot;email&quot;&gt;
      &lt;div&gt;
        &lt;input type=&quot;radio&quot; :name=&quot;gender&quot; v-model=&quot;gender&quot; value=&quot;male&quot;&gt;Male
        &lt;input type=&quot;radio&quot; :name=&quot;gender&quot; v-model=&quot;gender&quot; value=&quot;female&quot;&gt;Female
      &lt;/div&gt;
      &lt;textarea v-model=&quot;address&quot; id=&quot;&quot; cols=&quot;30&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;
      &lt;br&gt;
      &lt;div v-for=&quot;hobby in hobbies&quot;&gt;
        &lt;input type=&quot;checkbox&quot; v-model=&quot;userHobbies&quot; v-bind:value=&quot;hobby&quot;&gt;{{hobby}}
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>Script</strong></p>
  <pre class="lang-js prettyprint-override"><code>const inputApp = new Vue({
    el: '#inputDiv',
    data: {
      first_name: '',
      last_name: '',
      email: '',
      gender: 'male',
      address: '',
      userHobbies:[],
      hobbies: ['Reading', 'Cricket', 'Cycling', 'Hiking']
    }
  })
  </code></pre>
  <p>Here you can see, to display Hobby with label I have to iterate with parent ,</p>
  <p>adding a div is not something I wants, If I will <code>v-for</code> in input element like:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;input 
    type=&quot;checkbox&quot; 
    v-for=&quot;hobby in hobbies&quot; 
    v-model=&quot;userHobbies&quot; 
    v-bind:value=&quot;hobby&quot;
  &gt;{{hobby}}
  </code></pre>
  <p>thin it's thowing exception <strong>[Vue warn]: Property or method &quot;hobby&quot; is not defined on the instanc</strong></p>
  <p>My question is is there any alternative to use <strong>v-for</strong> over object elements without using HTML element ?</p>