title: Vue JS AJAX computed property
body: <p>Ok, I believe I am VERY close to having my first working Vue JS application but I keep hitting little snag after little snag. I hope this is the last little snag.
  I am using <a href="https://github.com/foxbenjaminfox/vue-async-computed" rel="nofollow noreferrer">vue-async-computed</a> and axios to fetch a customer object from my API.</p>
  
  <p>I am then passing that property to a child component and rendering to screen like: {{customer.fName}}.</p>
  
  <p>As far as I can see, the ajax call is being made and the response coming back is expected, the problem is there is nothing on the page, the customer object doesnt seem to update after the ajax call maybe.</p>
  
  <p>Here is the profile page .vue file I'm working on</p>
  
  <p><a href="http://pastebin.com/DJH9pAtU" rel="nofollow noreferrer">http://pastebin.com/DJH9pAtU</a></p>
  
  <p>The component has a computed property called "customer" and as I said, I can see in the network tab, that request is being made and there are no errors. The response is being sent to the child component here:</p>
  
  <pre><code> &lt;app-customerInfo :customer="customer"&gt;&lt;/app-customerInfo&gt;
  </code></pre>
  
  <p>within that component I am rendering the data to the page:</p>
  
  <pre><code> {{customer.fName}}
  </code></pre>
  
  <p>But, the page shows no results. Is there a way to verify the value of the property "customer" in inspector? is there something obvious I am missing?</p>