title: How can I use foreach in a Vue select?
body: <p>How can I use a Vue loop in a select box to make category and subcategory options look like this :<br/></p>
  
  <blockquote>
    <p>+news<br/>
    -sport<br/>
    -international<br/>
    +blog<br/></p>
  </blockquote>
  
  <p>I can do it with PHP like this: <br/></p>
  
  <pre><code>   @foreach($categories as $category)
      &lt;option value="{{$category-&gt;id}}"&gt;{{$category-&gt;name}}&lt;/option&gt;
      @foreach($category-&gt;subcategory as $sub)
          &lt;option value="{{$sub-&gt;id}}"&gt;-{{$sub-&gt;name}}&lt;/option&gt;
      @endforeach 
  @endforeach 
  </code></pre>
  
  <p>** I want to use this in a Vue component **</p>