title: Filter nested loop in Vue
body: <p>New to Vue, and I want to loop through each category and then display posts.</p>
  
  <pre><code>&lt;section v-for="(category) in (categoryList)"&gt;
      &lt;h2&gt;{{category.title}}&lt;/h2&gt;
      &lt;div v-for="(post) in (sortedActivity, filteredList)"&gt;
          {{post.title}}
      &lt;/div&gt;
   &lt;/section&gt;
  
  </code></pre>
  
  <p>Something like the above.</p>
  
  <p>The <code>sortedActivity</code> function is a simple sort and <code>filteredList</code> function is a search. </p>
  
  <p>But how do I parse <code>{{category.title}}</code> to those functions within computed? I assume I want to update the current instance state with the category title? But not sure the easiest way to do that within the loop as it will change. Or if there is another method (not literal)?</p>
  
  <p>Thanks</p>