title: How can I collect selected checkboxes from all child checkbox components in vue?
body: <p>I have a table where the row elements are all populated by child components. There is a checkbox in each of these child components. Now I want to get all checked checkboxes at once. I could use prefs emit as two way binding and update an array or object on the parent but I am wondering if there is better way for this.</p>
  
  <p>Here a short example for the template part: </p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt; Check &lt;/th&gt;
              &lt;th&gt; Title &lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;list-tbody v-for="element in elements" :element="element"&gt; &lt;/list-tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and this is the child component</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;input type="checkbox"&gt;
          &lt;/td&gt;
          &lt;td&gt; {{element.title}} &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>