title: vuejs component template files
body: <p>I'm looking to build a simple SPA with Vue.js. I'd like to load different templates and animate a transition between them like this: </p>
  
  <p><a href="http://codepen.io/michaeljcalkins/pen/BNqREZ" rel="nofollow">http://codepen.io/michaeljcalkins/pen/BNqREZ</a></p>
  
  <p>The example is great, but I'd like to load each component's template from a separate file.</p>
  
  <p>Something like:</p>
  
  <pre><code>var Foo = Vue.extend({
      template: '/foo.html'
  </code></pre>
  
  <p>I went through the documentation but I can't seem to find anything. How would I go about achieving something like this?</p>
  
  <p>Thank you!</p>