title: How to import external template in vue js?
body: <p>I am beginner to vue js, not sure i am asking correct or not.</p>
  
  <p>I want to make following type of structure for my Laravel 5.3 - Vue Js App.</p>
  
  <ol>
  <li><p>my-vue.js</p>
  
  <pre><code> Vue.component('my-component', {
          template: 'template from Catgory.Vue'
   })
  
   new Vue({
      el: '#example'
   })
  </code></pre></li>
  <li><p>Category.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          // some code goes here
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre></li>
  <li><p>index.blade.php</p>
  
  <pre><code>&lt;div id="example"&gt;
     &lt;my-component&gt;&lt;/my-component&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>How can i use template from Category.vue in template attribute of Vue.component? Or Suggest me better approach. </p></li>
  </ol>