title: Vue.js 2.0 v-model on ajax fetched data returns error
body: <p>I have been struggling with this for way too long now. Vue throws an error that name is not defined. It is not defined from start but ajaxed in when Vue is created.</p>
  
  <p><strong>clients.php</strong></p>
  
  <pre><code>&lt;input type="text" v-bind:value="customers[&lt;? echo $this-&gt;client['id'];?&gt;].name"&gt;
  </code></pre>
  
  <p><strong>App data</strong></p>
  
  <pre><code>var app = new Vue({
   el: '#app',
   data: {
      customers: {},
     }
  })
  </code></pre>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>created: function(){
    // fetches clients via AJAX and places them in customer object
      this.get_clients()
  }
  </code></pre>
  
  <blockquote>
    <p>console error: TypeError: Cannot read property 'name' of undefined</p>
  </blockquote>