title: Nested v-for loops using p tag doesn't work in Vue.js
body: <p>I want to nest 2 v-for loops. It should be quite simple, but it's not working and I have no clue why.</p>
  <p>When I loop through the users and display their names, this is working fine. When I take the first element from the session-array and display it's name, this is also working fine.</p>
  <p>However, when I want to cycle through the session-array in a nested v-for loop, the array seems to be empty. Why is this?</p>
  <pre><code>&lt;p v-for=&quot;entry in user&quot;&gt;
      {{entry.name}} //this is working fine
      {{entry.session[0].name}} //this is also working fine, so &quot;session&quot; is an array with elements that have the property &quot;name&quot;
      &lt;p v-for=&quot;session_entry in entry.session&quot;&gt; //this v-for is not executed, as if entry.session would be empty
          {{session_entry.name}}
      &lt;/p&gt;
  &lt;/p&gt;
  </code></pre>
  <pre><code>  data: {
      user: [{
        name: 'test2name', 
        session:[
          {name:'sessionname'},
          {name:'sessionname2'}
        ]
      }]
    }
  </code></pre>
  <p>According to this code snippet it should be working. What did I miss?
  <a href="https://www.codegrepper.com/code-examples/javascript/vuejs+nested+v-for" rel="nofollow noreferrer">https://www.codegrepper.com/code-examples/javascript/vuejs+nested+v-for</a></p>