title: Attach v-model to a dynamic element added with .appendChild in Vue.js
body: <p>I'm working with a library that doesn't have a Vue.js wrapper.
  The library appends elements in the DOM in a dynamic way. </p>
  
  <p>I want to be able to bind the <code>v-model</code> attribute to those elements with Vue and once appended work with them in my model.</p>
  
  <p>I've done this in the past with other reactive frameworks such as Knockout.js, but I can't find a way to do it with vue.js.</p>
  
  <p>Any pay of this doing?
  It should be something among these lines I assume:</p>
  
  <pre><code>var div = document.createElement('div');
  div.setAttribute('v-model', '{{demo}}');
  [VUE CALL] //tell vue.js I want to use this element in my model.
  
  document.body.appendChild(div);
  </code></pre>