title: Vue multiple v-for loop ... is there any other way
body: <p>I am using vuex store with vue, but now I am getting some issues on getting the value from vuex because of loop</p>
  
  <p>My store looks something like: </p>
  
  <pre><code>categoires: [
    {
      name: 'category1',
      id: '1',
      path: '/category1',
      subcategories: [
        {
          name: 'subcat1',
          id: '11'
          subsub: [
            {
              name: 'subsub1',
              id: '111'
            },
            {
              name: 'subsub1',
              id: '111'
            },
          ],
        },
      ],
    },
  ],
  
  &lt;span v-for="(category, index) in categories.categories" :key="index" v-if="category.name === 'category1'"&gt;
      &lt;span v-for="(sub, index) in category.subcategories" :key="index"&gt;{{sub.name}}
  &lt;/span&gt;
      &lt;/span&gt;
  </code></pre>
  
  <p>Is there any other way to get the job done? </p>
  
  <p>Cheers</p>