title: Vue.js two-way data binding with v-model
body: <p>I've been reading posts about <code>v-model</code> but so far the tutorials have been confusing and doesn't really answer my question: How do you achieve two-way data bindings with <code>v-model</code>?</p>
  
  <p>I need to bind a data variable to a child component, and be able to change the variable's value from both the parent side and the child side. What code do I need to put in the child component so when I do <code>&lt;Component v-model="var"&gt;</code>, I can update <code>var</code> from both sides?</p>
  
  <p>For this purpose, I would prefer to avoid the store pattern as it is just two components that need to share the data.</p>