title: Vue - binding an array from child to parent component
body: <p>I've encountered this same scenario in several occasions, and wonder what am I missing.</p>
  
  <p>Lets say I want to create a component that includes a list (a todo-list for simplicity) and an input field, used to insert todos to the list.
  Now, I want to access this list from the parent component.</p>
  
  <p>Surely using events to notify the parent for any change in the list, causing him to maintain it's own list synchronously isn't a good solution, and I should find a way to do it with a binding to the same list.</p>
  
  <p>A second bad solution would be to init the list within the parent and pass it to the child as a prop, which is also bad since I want to decouple the list maintenance from the parent for abstraction.</p>
  
  <p>The best solution I could think of is to handle the list within the child component, and on any change emit a change event to the parent with reference to the list (identically the same as change event of an input field), but I'm not sure if thats the most ideal way.</p>
  
  <p>Any idea how to solve the issue? Sounds like a really common one, though I couldn't find any good solution online. </p>
  
  <p>edit: just read about sync modifier that sounds pretty close to what i'm looking. Wonder if that is a good usecase to use it...</p>