title: VueJs templating. How to load external templates
body: <p>I'm new to Vue.js, I've used AngularJS for some time and in angular we used to load templates such as,</p>
  <pre><code>template: '/sometemplate.html',
  controller: 'someCtrl'
  </code></pre>
  <p>How can we do such a thing in Vue, instead of keeping large HTML templates inside JavaScript like this,</p>
  <pre><code>new Vue({
    el: '#replace',
    template: '&lt;p&gt;replaced&lt;/p&gt;'
  })
  </code></pre>
  <p>This is OK for small templates but for large templates is this practical?</p>
  <p>Is there a way to load external template HTML or use HTML template inside a script tag like in Vue?</p>
  <pre><code>&lt;script type=&quot;x-template&quot; id=&quot;template&quot;&gt;HTML template goes here&lt;/html&gt;
  </code></pre>