title: Select all chekboxes by $emit doesn't re-renders view - Vuejs
body: <p><strong>Case</strong> - Need to select/unselect all checkboxes on change of header checkbox.</p>
  
  <p><strong>Problem</strong> - I can emit and receive events. Can see my modified data array. But some reactivity isn't working in Vue I guess.</p>
  
  <p>I have laid out very minimal cut out example for same on CodeSandbox - <a href="https://88nz9z64j0.codesandbox.io/" rel="nofollow noreferrer">https://88nz9z64j0.codesandbox.io/</a></p>
  
  <p><strong>Code</strong> - </p>
  
  <p><a href="https://codesandbox.io/s/88nz9z64j0" rel="nofollow noreferrer">https://codesandbox.io/s/88nz9z64j0</a></p>
  
  <p><strong>Note</strong> - This has to do something with Array mutation. As I can select individual checkboxes and can see  my header checkbox marked check after all are selected. However, reverse is  just not happening via same mechanism. How Strange!</p>
  
  <p>There has to be a learning from <code>Array(100).fill(length)</code> as reactive data else I'm doing something silly. </p>